全局函数load()、getJSON()、getScript()、get()实现异步加载

  Ajax是Asynchronous JavaScript and XML的缩写,其核心是通过XMLHttpRequest对象,以一种异步的方式,向服务器发送数据请求,并通过该对象接收请求返回的数据,从而完成人机交互的数据操作。这种利用Ajax技术进行的数据交互并不局限于Web动态页面,在普通的静态HTML页面中同样可以实现,因此,在这样的背景下,Ajax技术在页面开发中得以广泛使用。

jQuery中的load()方法
  在传统的javascript中,使用XMLHttpRequest对象异步加载数据;而在jQuery中,使用load()方法可以轻松实现获取异步数据的功能。其调用的语法格式为:
  load(url,[data],[callback])    .html格式
  其中参数url为被加载的页面地址,可选项[data]参数表示发送到服务器的数据,其格式为key/value。另一个可选项[callback]参数表示加载成功后,返回至加载页面的回调函数。

  虽然使用load()方法可以很快的加载数据到页面中,但有时需要对获取的数据进行处理,如果将load()方法获取的内容进行遍历,也可以进行数据的处理,但这样获取的内容必须先插入页面中,然后才能进行,因此,执行的效率不高。
  为了解决这个问题,我们采用将要获取的数据另存为一种轻量级的数据交互格式,即JSON文件格式,犹豫这种格式很方便计算机的读取,因而颇受开发者的青睐。在jQuery中,专门有一个全局函数getJSON(),用于调用JSON格式的数据,其调用的语法格式为:
  $.getJSON(url,[datat],[callback])    .json格式
  参数url表示请求的地址,可选项[data]参数表示发送到服务器的数据,其格式为key/value。另外一个可选项[callback]参数表示加载成功时执行的回调函数。

  在jQuery中,除通过全局函数getJSON获取.json格式的文件内容外,还可以通过另外一个全局函数getScript()获取.js文件的内容。其调用格式如下所示:
  $.getScript(url,[callbakc])    .js格式
  参数url为等待加载的JS文件地址,可选项[callback]参数表示加载成功时执行的回调函数。

  XML文档保存数据的情况,这种格式的数据,jQuery中使用全局函数$.get()进行访问,其调用的语法格式为:
  $.get(url,[data],[callback],[type])    .xml格式
  其中参数url表示等待加载的数据地址,可选项[data]参数表示发送到服务器的数据,其格式为key/value,可选项[callback]参数表示加载成功时执行的回调函数,可选项[type]参数表示返回数据的格式,如html、xml、js、json、text等。

高否?富否?帅否? 否? 滚去学习!
原文地址:https://www.cnblogs.com/baixc/p/3407641.html