Ajax入门

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax入门相关的知识,希望对你有一定的参考价值。

最近开始学习Ajax了0.0,虽然其他的还没巩固,但既然学了就先写下来吧...

 

Ajax的定义呢,百度吧= =...就觉得最实用的地方就是页面无刷新,但网页实现了与后台的同步更新.

 

1, 首先创建Ajax对象(只针对现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)等)

(IE5和IE6则使用 new ActiveXObject("Microsoft.XMLHTTP") )

技术分享

 

2, 通过js点击方法,触发Ajax

技术分享

 

3, 后台的PHP服务器功能为:在文件02.txt中写入‘233php‘(偷笑),并存入

技术分享

 

4, 02.txt中变存入了相应的信息(此处因为测试,输入了多次)

技术分享

 

 

 

第一个随笔..感觉编辑器啥的好多东西都不会用,加油吧...

 

源码部分:

技术分享
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 5     <title>请求02.php</title>
 6 </head>
 7 <body>
 8     <h2>ajax发起对服务器端的请求</h2>
 9     <input type="button" value="触发" onclick="f1()">
10 </body>
11 
12 <script type="text/javascript">
13     function f1(){
14         //创建ajax对象
15         var aj = new XMLHttpRequest();
16         //创建新的http请求(并设置请求地址)
17         aj.open(get,./02.php);
18         //发送请求
19         aj.send(null);
20     }
21 </script>
22 </html>
View Code

 

技术分享
1 <?php 
2 
3     $fp = fopen("./02.txt","a");
4     fwrite($fp, "233php");
5     fclose($fp);
6 
7  ?>
View Code

 

 

以上是关于Ajax入门的主要内容,如果未能解决你的问题,请参考以下文章

推荐net开发cad入门阅读代码片段

Javascript代码片段在drupal中不起作用

前端面试题之手写promise

Ajax 片段元标记 - Googlebot 未读取页面内容

执行AJAX返回HTML片段中的JavaScript脚本

javascript AJAX片段