jQuery Ajax 操作函数温故而知新

引子

今天准备对前段时间做的微信页面进行数据绑定,数据格式大多是json格式的,还有对数据的搜索和查询。初步定的做法是先将数据缓存到本地,然后对本地的json数据进行查询,对于json数据的查询,我找到了一个JsonSQL的方法,就是用类似SQl的方式的方式查询json数据。【对于这种方法,今天稍微看了一下,很不错,但是还没有应用于实践,等后面再对JsonSQL做具体的介绍。】当我看jsonsql的时候,我发现用的是ajax的getJSON方法,对于jquery的getJSON方法及POST()还有GET()等等方法,我是了解的,但是没有经常的使用,因此有些生疏,所以,今天对jQuery Ajax 操作函数温故而知新一下!

jQuery Ajax,我常用的调用方法

jQuery Ajax 操作函数温故而知新

我经常用上面这种方法进行ajax调用,这种方法很方便,可以说是打遍天下无敌手!

但是也有很多简单的调用方式,下面我介绍一下!

jQuery Ajax 其他调用方法

jQuery ajax - getJSON() 方法

这种方法相当于

jQuery Ajax 操作函数温故而知新

语法如下:

jQuery Ajax 操作函数温故而知新

案例:

jQuery Ajax 操作函数温故而知新

jQuery ajax - getScript() 方法

这个方法和上面的方法类似,相当于:

jQuery Ajax 操作函数温故而知新

语法:

jQuery Ajax 操作函数温故而知新

jQuery ajax - post() 方法

相当于ajax如下用法:

jQuery Ajax 操作函数温故而知新

语法:

jQuery Ajax 操作函数温故而知新

用法如下:

jQuery Ajax 操作函数温故而知新

jQuery ajax - get() 方法

用法同post(),这里就不多解释了。

jQuery ajax - load() 方法

语法

jQuery Ajax 操作函数温故而知新

用法

jQuery Ajax 操作函数温故而知新

load() 方法载入远程 HTML 文件代码并插入至 DOM 中。上面代码是加载feeds.html到id feeds中。

与上面的实例类似,但是以 POST 形式发送附加参数并在成功时显示信息:

jQuery Ajax 操作函数温故而知新

jQuery ajax - param() 方法

语法

jQuery Ajax 操作函数温故而知新

用法:

序列化一个 key/value 对象:

jQuery Ajax 操作函数温故而知新

结果:

jQuery Ajax 操作函数温故而知新

jQuery ajax - serialize() 方法

定义和用法:

jQuery Ajax 操作函数温故而知新

语法:

jQuery Ajax 操作函数温故而知新

案例:

jQuery Ajax 操作函数温故而知新

serialize() 方法可以操作已选取个别表单元素的 jQuery 对象,比如 < input>, < textarea> 以及 < select>。不过,选择

标签本身进行序列化一般更容易些:

jQuery Ajax 操作函数温故而知新

输出标准的查询字符串:

jQuery Ajax 操作函数温故而知新

关于jQuery Ajax 操作函数的更多用法,请查看:https://www.w3cschool.cn/jquery/jquery-ref-ajax.html

ajax jsonP 跨域调用

我们要请求的地址不是我们本身网站的时候,就形成了跨域。端口不同、域名不同都可以引起跨域问题。ajax jsonp方式是解决跨域的一种。

下面介绍jsonp的跨域调用。

jQuery Ajax 操作函数温故而知新

 

温故而知新