05_AJAX支持(jQuery课件 开发手册 ).pdfVIP

AJAX支持 南通 加载异步数据 请求服务器数据 $.ajax () 小结 南通博得教育 load()方法异步获取数据 load() ：通过AJAX 请求从服务器加载数据，并 把返回的数据放置到指定的元素中 语法：load(url,data,function(response,status,xhr) ) 参数 描述 url 规定要将请求发送到哪个URL data 可选。规定连同请求发送到服务器的数据 function(response,sta 可选。规定当请求完成时运行的函数。 tus,xhr) •response:包含来自请求的结果数据 •status :包含请求的状态（success, notmodified, error, timeout 或 parsererror ） •xhr :包含XMLHttpRequest 对象 博得教育 举例 script type=text/javascript $(function(){ $(#divOne).click(function(){ //加载a.html $(this).load (a.html); }) }) /script div id=divOne点击加载/div 博得教育 getJSON()方法 getJSON() ：通过HTTP GET 请求载入JSON 数据 语法：jQuery.getJSON (url,data,success(data,status,xhr) ) 参数 描述 url 规定要将请求发送到哪个URL data 可选。规定连同请求发送到服务器的数据 success(data,status,x 可选。规定当请求完成时运行的函数。 hr) •response:包含来自请求的结果数据 •status :包含请求的状态 •xhr :包含XMLHttpRequest 对象 博得教育 举例 使用getJSON()为select加载选项 $(function(){ $.getJSON (city.json,function(data){ var select = $(#city); $.each(data,function(name,value){ select.append(option value=+value+“ +name+/option); }) }) }) /script select id=city option value=请选择/option /sel