很多朋友都喜欢用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
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知