jquery ajax load()方法

很多朋友都喜欢用JQ 而ajax更是JQ里必不可少的 下面为大家详细介绍一下JQ的ajax

首先 什么是ajax：

AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。

简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示

jQuery 提供多个与 AJAX 有关的方法。

通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。

第一种方法：load() 

load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中。

注释：还存在一个名为 load 的 jQuery 事件方法。调用哪个，取决于参数。

这算是比较常见的一种JQ的ajax的写法  通过ID找到dom节点 然后等页面加载完毕之后通过aja请求数据

load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中

语法

load(url,data,function(response,status,xhr))

一共有三个参数

url：规定要将请求发送到哪个 URL

data：可选。规定连同请求发送到服务器的数据，通常情况下如果只是简单的请求数据这个参数可以忽略

function(response,status,xhr)：可选。规定当请求完成时运行的函数。请求完成后将要实现的函数。

虽然是可选 但是通常情况下都会写的，因为请求数据回来之后总是要操作数据做点什么对吧。

例子：

$("button").click(function(){

  $("div").load('demo_ajax_load.txt');

});

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知