用Ajax实现不刷新页面修改内容

趁今天有空，就学习了Ajax，在Ajax in action那本书里提到了SAjax，就去下来看看，果然功能强大，让编写Ajax代码变的很简单，于是就写了个“修改内容不刷新页面”的代码，这个功能在网上以前是到处看到，今天终于自己实现了个，代码里有了PHP5的DOM函数，由于这个Blog空间只支持PHP4，所以也就没法在这里运行了。

XML文件，代码从这个文件中读取并在修改后写入到该文件

下载: test.xml

3. 编辑文本

以下是代码：

下载: text.php

2.  require("Sajax.php");
3.  
4.  
5.   function showxml(){   //从test.xml读取，参考PHP DOM
6.     $doc=new DOMDocument();
7. $doc->load("test.xml");
8. $hello=$doc->getElementsByTagName("value")->item(0)->nodeValue;
9. return $hello;
10.   }
11.  
12.   function changexml($text){ //写入到test.xml文件
13.     $doc=new DomDocument();
14. $doc->load("test.xml");
15. $doc->getElementsByTagName("value")->item(0)->nodeValue=$text;
16. $doc->save("test.xml");
17. $hello=$doc->getElementsByTagName("value")->item(0)->nodeValue;
18. return $hello;
19.   }
20.  
21.   sajax_init();
22.   $sajax_debug_mode=0; //关闭调试信息
23.   sajax_export("showxml","changexml");  //sajax输出showxml,changexml两个js函数
24.   sajax_handle_client_request();  //sajax对客户端响应后的处理
25.  
26. ?>
27.  
31.  
33.  
37.  
38. loading...

39. 点击上面的文本即可修改,实现不刷新页面修改内容并显示

41.  
42.  

Tags: ajax, dom, JavaScript, php, Sajax, xml