2014年辛星jquery解读第三节 Ajax
***************Ajax*********************
1.Ajax是Asynchronous Javascript And XML的简写,它指的是异步Javascript和XML,简单来说,就是不刷新整个页面的情况下来和服务器端进行数据的交互,并且能够在网页上进行显示。
2.jQuery对Ajax的支持还是比较完善的,它可以让我们以GET或者POST方式从服务器读取信息,并且显示它。
3.jQuery通过下面几个方法对Ajax进行支持。
**************load方法*******************
1.load方法从服务器加载数据,并且把返回的数据放入被选元素中,语法格式:
$(选择器).load(URL,data,callback);
2.这里的URL就是我们希望发送数据到的URL地址,data参数是 可选的,它规定与请求一同发送的查询字符串键值对的集合,可选的callback参数是load方法完成之后所执行的函数名称。
3.比如我们后台服务器以php为例,我们先写一个前台的html文件,代码如下:
<html> <head> <script src = "jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("#msg").load("http://localhost/a.php"); }); } ); </script> </head> <p>该段文本不会被刷新</p> <p id= "msg">点击下面按钮显示信息</p> <button>查询</button> </html>然后我们还需要在www目录或者htdocs目录下新建一个a.php文件,它的内容如下:
<?php echo "我是辛星";然后我们运行页面,当我们点击“查询”按钮的时候,发现上面的文本没有变化,但是“点击下面按钮显示信息”变成了”我是辛星“,这就是一次简单的异步传输。
************说明****************
1.当然load还有其他参数,具体的可以参照手册。
2.还有两个函数应用也很广泛,那就是get和post,我们下一节讲到。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。