[原]XAJAX库简介

因为程序很小，而且用到JavaScript的地方不多，但有部分页面又必须用Ajax刷新，所以，放弃JQuery，用了个Xajax库，还是精简版的库就可以了。
Xajax是一个开源的 PHP 类库它能够让你黏合HTML、CSS、Javascript和PHP，轻而易举的开发功能强大、基于WEB的Ajax应用软件. 使用Xajax开发的应用软件，无需重新调入页面，就能够异步调用服务器端的PHP函数和更新内容。

一、官网
地址：http://www.xajax-project.org/
最新版本是0.6 beta1，但考虑到简单化，我只用了xajax 0.5 compiled。

二、基本使用
1、解压
下载xajax 0.5 minimal.zip，把其中的php脚本库和JavaScript库分路径放好，例如，以当前路径为根路径，使用到的库位置如下：

引用

lib/xajax_core/xajaxAIO.inc.php
tpl/xajax_js/xajax_core.js（以及一些辅助的JavaScript文件）

实际调用的页面是在当前根路径下。

2、PHP调用脚本
这是一个演示脚本xajax_helloworld.php，与PHP相关的主要内容：
<br /><?php// 调用Xajax类库require_once 'lib/xajax_core/xajaxAIO.inc.php';// 实例化Xajax对象$xajax = new xajax();// 定义Xajax中JavaScript库的位置$xajax->configure(‘javascript URI’, ‘./tpl’);<br />// 定义一个供Xajax调用的PHP函数，参数由Xajax从HTML页面中整理后传入<br />function helloWorld($user) {<br /> $text=’<span class="line">Hello ‘.$user.’</span>‘;<br /> // 实例化Xajax的xajaxResponse对象，也是最关键的对象<br /> $objResponse = new xajaxResponse();<br /> // 该方法用于给HTML页面中的id属性为hello的元素，进行innerHTML方法的更新<br /> // 更新的内容为$text<br /> $objResponse->assign(‘hello’, ‘innerHTML’, $text);<br /> // 返回xajaxResponse对象<br /> return $objResponse;<br />}<br />// 向Xajax注册上面的PHP函数<br />$xajax->registerFunction(“helloWorld”);<br />// 在脚本传递出任何数据前，Xajax执行预处理<br />$xajax->processRequest();<br />// 这句是该简化示例的HTML定义输出，与Xajax应用本身无法的<br />echo ‘<?xml version="1.0" encoding="UTF-8"?>‘;<br />?>
3、HTML页面部分
<br /><html><br /><head><br /><?php // 显示Xajax必须的JavaScript代码$xajax->printJavascript();<br />?><br /><script type="text/javascript">// 调用的JavaScript函数function sayhello() { var u=document.forms[0].username.value; // 调用PHP后台的函数，注意，格式必须为xajax_functionname xajax_helloWorld(u); return false;}</script></p> <style type="text/css"> span.line { color: #aac; font-size: 20px; } </style> <p></head><br /><body ><br /> </p> <div id="hello"></div> <p> </p> <form action="#"><input type="text" name="username" /><br /> <button onclick="sayhello()">Hello</button></form> <p> Click</p> <div class="entry-copyright"><p>原创文章，作者：奋斗，如若转载，请注明出处：https://blog.ytso.com/103940.html</p></div> </div> <div class="entry-tag"><a href="https://blog.ytso.com/tag/ajax" rel="tag">ajax</a><a href="https://blog.ytso.com/tag/php" rel="tag">php</a><a href="https://blog.ytso.com/tag/xajax" rel="tag">xajax</a></div> <div class="entry-action"> <div class="btn-zan" data-id="103940"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up-fill"></use></svg></i> 赞 <span class="entry-action-num">(0)</span></div> </div> <div class="entry-bar"> <div class="entry-bar-inner"> <div class="entry-bar-info entry-bar-info2"> <div class="info-item meta"> <a class="meta-item" href="#comments"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i> <span class="data">0</span></a> </div> <div class="info-item share"> <a class="meta-item mobile j-mobile-share" href="javascript:;" data-id="103940" data-qrcode="https://blog.ytso.com/103940.html"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> 生成海报</a> <a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg></i> </a> <a class="meta-item weibo" data-share="weibo" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-weibo"></use></svg></i> </a> <a class="meta-item qq" data-share="qq" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qq"></use></svg></i> </a> <a class="meta-item qzone" data-share="qzone" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qzone"></use></svg></i> </a> <a class="meta-item douban" data-share="douban" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-douban"></use></svg></i> </a> <a class="meta-item linkedin" data-share="linkedin" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-linkedin"></use></svg></i> </a> <a class="meta-item facebook" data-share="facebook" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-facebook"></use></svg></i> </a> <a class="meta-item twitter" data-share="twitter" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-twitter"></use></svg></i> </a> </div> <div class="info-item act"> <a href="javascript:;" id="j-reading"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg></i></a> </div> </div> </div> </div> </div> <div class="entry-page"> <div class="entry-page-prev j-lazy" style="background-image: url('https://blog.ytso.com/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="http://ytso-blog-oss-img.oss-cn-beijing.aliyuncs.com/wp-content/uploads/2021/08/25/20210825_6125c8382c74a.png"> <a href="https://blog.ytso.com/103939.html" title="[原]Xajax is not defined 在FireFox上的问题" rel="prev"> <span>[原]Xajax is not defined 在FireFox上的问题</span> </a> <div class="entry-page-info"> <span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i> 上一篇</span> <span class="pull-right">2021年8月25日</span> </div> </div> <div class="entry-page-next entry-page-nobg"> <a href="https://blog.ytso.com/103941.html" title="Acrobat 9 提示过期重新注册的解决办法" rel="next"> <span>Acrobat 9 提示过期重新注册的解决办法</span> </a> <div class="entry-page-info"> <span class="pull-right">下一篇 <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span> <span class="pull-left">2021年8月25日</span> </div> </div> </div> <div class="entry-related-posts"> <h3 class="entry-related-title">相关推荐</h3><ul class="entry-related cols-3 post-loop post-loop-list"><li class="item"> <a href="https://blog.ytso.com/247170.html" target="_blank" rel="bookmark"> <span>WordPress博客主题header.php模板调用函数</span> </a> <span class="date">2022年4月20日</span> </li><li class="item"> <a href="https://blog.ytso.com/20364.html" target="_blank" rel="bookmark"> <span>算法练习之两数之和详解编程语言</span> </a> <span class="date">2021年7月19日</span> </li><li class="item"> <a href="https://blog.ytso.com/45070.html" target="_blank" rel="bookmark"> <span>如何分析博客中最流行的编程语言</span> </a> <span class="date">2021年8月5日</span> </li><li class="item"> <a href="https://blog.ytso.com/280862.html" target="_blank" rel="bookmark"> <span>php：输出关联数组特定范围的数据</span> </a> <span class="date">2022年8月16日</span> </li><li class="item"> <a href="https://blog.ytso.com/42303.html" target="_blank" rel="bookmark"> <span>为什么 Chrome 又不支持我的 HTTP/2 网站了？</span> </a> <span class="date">2021年8月5日</span> </li><li class="item"> <a href="https://blog.ytso.com/247215.html" target="_blank" rel="bookmark"> <span>WordPress 博客单页面调用友情链接的方法</span> </a> <span class="date">2022年4月21日</span> </li><li class="item"> <a href="https://blog.ytso.com/12339.html" target="_blank" rel="bookmark"> <span>开发者常用的 Sublime Text 3 插件详解编程语言</span> </a> <span class="date">2021年7月19日</span> </li><li class="item"> <a href="https://blog.ytso.com/55198.html" target="_blank" rel="bookmark"> <span>phpize的深入理解</span> </a> <span class="date">2021年8月7日</span> </li><li class="item"> <a href="https://blog.ytso.com/247117.html" target="_blank" rel="bookmark"> <span>WordPress 非插件实现评论表情功能的方法</span> </a> <span class="date">2022年4月20日</span> </li><li class="item"> <a href="https://blog.ytso.com/98540.html" target="_blank" rel="bookmark"> <span>w3schoolWeb全套教程</span> </a> <span class="date">2021年8月21日</span> </li></ul> </div> <div id="comments" class="entry-comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">发表回复 <small><a rel="nofollow" id="cancel-comment-reply-link" href="/103940.html#respond" style="display:none;"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-close"></use></svg></i></a></small></h3><div class="comment-form"><div class="comment-must-login">请登录后评论...</div><div class="form-submit"><div class="form-submit-text pull-left"><a href="https://blog.ytso.com/wp-login.php">登录</a>后才能评论</div> <button name="submit" type="submit" id="must-submit" class="wpcom-btn btn-primary btn-xs submit">提交</button></div></div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_search"><form class="search-form" action="https://blog.ytso.com" method="get" role="search"> <input type="search" class="keyword" name="s" placeholder="输入关键词搜索..." value=""> <button type="submit" class="submit"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-search"></use></svg></i></button> </form></div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="footer-col-wrap footer-with-none"> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"><li id="menu-item-174931" class="menu-item menu-item-174931"><a href="https://blog.ytso.com/contribute">欢迎投稿</a></li> <li id="menu-item-174930" class="menu-item menu-item-privacy-policy menu-item-174930"><a rel="privacy-policy" href="https://blog.ytso.com/privacy-policy">隐私政策</a></li> <li id="menu-item-174934" class="menu-item menu-item-174934"><a href="https://blog.ytso.com/privacy">使用协议</a></li> <li id="menu-item-174932" class="menu-item menu-item-174932"><a href="https://blog.ytso.com/terms-of-service">服务条款</a></li> <li id="menu-item-174936" class="menu-item menu-item-174936"><a href="https://blog.ytso.com/copyright">版权声明</a></li> </ul> <div class="copyright"> <p>Copyright © 2006-2023 YTSO.COM 版权所有 <a href="http://beian.miit.gov.cn">鲁ICP备15002310号-3</a> Powered by <a href="https://www.wordpress.com" target="_blank" rel="noopener">WordPress</a></p> <p>免责声明：本站信息来自互联网收集分享，版权归原创者所有，如果侵犯了您的权益，请发邮件给39941211@qq.com通知我们删除.</p> <p><audio style="display: none;" controls="controls"></audio></p> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-0" style="bottom:20%;"> <div class="action-item j-share"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> </div> <div class="action-item gotop j-top"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i> </div> </div> <script type="text/javascript" id="main-js-extra"> /* <![CDATA[ */ var _wpcom_js = {"webp":"","ajaxurl":"https:\/\/blog.ytso.com\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/blog.ytso.com\/wp-content\/themes\/justnews","slide_speed":"5000","is_admin":"0","lang":"zh_CN","js_lang":{"share_to":"\u5206\u4eab\u5230:","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd","confirm":"\u786e\u5b9a","qrcode":"\u4e8c\u7ef4\u7801","page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","expand_more":"\u9605\u8bfb\u5269\u4f59 %s"},"share":"1","post_id":"103940","poster":{"notice":"\u8bf7\u300c\u70b9\u51fb\u4e0b\u8f7d\u300d\u6216\u300c\u957f\u6309\u4fdd\u5b58\u56fe\u7247\u300d\u540e\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb","generating":"\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...","failed":"\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25"},"video_height":"482","fixed_sidebar":"1","dark_style":"0","font_url":"\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@400;500&display=swap"}; /* ]]> */ </script> <script type="text/javascript" src="https://blog.ytso.com/wp-content/themes/justnews/js/main.js?ver=6.19.1" id="main-js"></script> <script type="text/javascript" src="https://blog.ytso.com/wp-content/themes/justnews/themer/assets/js/icons-2.8.8.js?ver=6.19.1" id="wpcom-icons-js"></script> <script type="text/javascript" src="https://blog.ytso.com/wp-content/themes/justnews/themer/assets/js/comment-reply.js?ver=6.19.1" id="comment-reply-js"></script> <script type="text/javascript" src="https://blog.ytso.com/wp-content/themes/justnews/js/wp-embed.js?ver=6.19.1" id="wp-embed-js"></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "@id": "https://blog.ytso.com/103940.html", "url": "https://blog.ytso.com/103940.html", "headline": "[原]XAJAX库简介", "description": " 因为程序很小，而且用到JavaScript的地方不多，但有部分页面又必须用Ajax刷新，所以，放弃JQuery，用了个Xajax库，…", "datePublished": "2021-08-25T12:25:59+08:00", "dateModified": "2021-08-25T12:25:59+08:00", "author": {"@type":"Person","name":"奋斗","url":"https://blog.ytso.com/author/wpadmin"} } </script> </body> </html>