• 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,我们下一节讲到。



  • 相关阅读:
    DataTable:数据库到程序的桥梁
    《Javascript高级程序设计》阅读记录(三):第五章 上
    《Javascript高级程序设计》阅读记录(二):第四章
    javascript获取窗口位置、绝对位置、事件位置等
    《Javascript高级程序设计》阅读记录(一):第二、三章
    调试用随笔
    C#值类型和引用类型
    vue使用vue-awesome-swiper及一些问题
    npm与yarn命令对比
    npm与nrm
  • 原文地址:https://www.cnblogs.com/clnchanpin/p/7106158.html
Copyright © 2020-2023  润新知