2014年AJAX在JQ的应用.pptVIP

AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG AJAX在Jquery中的应用 * AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG 引言 AJAX是Asynchronous JavaScript and XML的缩写，其核心 是通过XMLHttpRequest对象，以一种异步的方式，向服务 器发送数据请求，并通过该对象接收请求返回的数据，从 而完成人机交互的数据操作。 引用 * 内容 AJAX加载异步数据 AJAX请求服务器数据 内容 * 加载异步数据 在Jquery中，可以通过AJAX函数可以以读取文件、加载 静态页面的形式，以一种异步的方式，向服务器发送数据 请求，获取静态的数据。 加载异步数据 * 传统Javascript 传统JS方法： 传统JS通过XMLHttpRequest对象，将数据加载到页面 中。 加载异步数据 * 传统Javascript 传统JS方法： 示例： 功能描述 有两个html页面：a.html和b.html，前者 用于加载页，在该页中，单击“加载” 按钮，在不刷新该页面的前提下，将 b.html的内容加载到a.html中的div标记中 实现代码：示例\a.html 示例\b.html 加载异步数据 * Load方法 JQ中的load方法： 不同于JS通过XMLHttpRequest对象，JQ中使用load方 法加载数据。其语法格式为： load(url,[data],[callback]) 参数url为加载的页面地址，可选项data表示发送到服 务器的数据，其格式为key/value。另一个callback表示加载 成功后，执行的回调函数。 加载异步数据 * Load方法 load方法： 示例： 功能描述 使用load方法实现上例的功能 实现代码：示例\load方法异步获取数据.html 加载异步数据 * getJSON方法 getJSON方法： JSON格式是一种轻量级的数据组织方式，其具有文件 小、读取速度快的特性。JSON在各种语言中有非常广泛的 应用，JQuery也内置了getJSON方法，用于读取JSON文件 。其语法格式为： $.getJSON(url,[data],[callback]) 加载异步数据 * getJSON方法 getJSON方法： 示例： 功能描述 UserInfo.json文件保存了一些人员信息， 建立另外一个页面，单击页面中的“获 取数据”按钮时， 通过getJSON获取 UserInfo.json文件中数据。 实现代码：示例\getJSON方法异步获取数据.html 加载异步数据 * getScript方法 getScript方法： 除了可以获取JSON格式文件的内容之外，还可以通过 getScript()方法获取js文件中内容。其语法格式为： $.getScript(url,[callback]) 采用这种方法，不仅可以动态注入js，而且注入的js可 以自动运行。 加载异步数据 * getScript方法 getScript方法： 示例： 功能描述 UserInfo.js文件保存了一些人员信息， 建立另外一个页面，单击页面中的“获 取数据”按钮时， 通过ge