07
2018
09

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/post/8515.html

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

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。