2014年辛星jquery解读第三节 Ajax
Posted clnchanpin
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了2014年辛星jquery解读第三节 Ajax相关的知识，希望对你有一定的参考价值。
***************Ajax*********************
1.Ajax是Asynchronous javascript And XML的简写，它指的是异步Javascript和XML。简单来说，就是不刷新整个页面的情况下来和server端进行数据的交互，而且可以在网页上进行显示。
2.jQuery对Ajax的支持还是比較完好的。它能够让我们以GET或者POST方式从server读取信息，而且显示它。
3.jQuery通过以下几个方法对Ajax进行支持。
**************load方法*******************
1.load方法从server载入数据。而且把返回的数据放入被选元素中。语法格式：
$(选择器).load(URL,data,callback);
2.这里的URL就是我们希望发送数据到的URL地址，data參数是 可选的，它规定与请求一同发送的查询字符串键值对的集合。可选的callback參数是load方法完毕之后所运行的函数名称。
3.比方我们后台server以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 "我是辛星";然后我们执行页面。当我们点击“查询”button的时候，发现上面的文本没有变化，可是“点击以下button显示信息”变成了”我是辛星“，这就是一次简单的异步传输。
************说明****************
1.当然load还有其它參数。详细的能够參照手冊。
2.还有两个函数应用也非常广泛。那就是get和post，我们下一节讲到。
以上是关于2014年辛星jquery解读第三节 Ajax的主要内容，如果未能解决你的问题，请参考以下文章