jQueryAjax编程

jquery ajax开发介绍

1.$.ajax()它是jquery提供的最基本的ajax编程方式。它的功能比较强大，但是使用比较麻烦，一般不使用，它是将远程数据加载到XMLHttpRequest对象中。

2.load  get  post 它们简化了$.ajax操作，get post针对get与post请求的，它们是开发中使用的比较多。

3.getScript  getJSON 它们是用于解决ajax跨域问题的。

• load方法是将服务器响应的数据直接插入到指定的dom元素中。
• jquery中的load方法它的请求方式是什么?

        如果有参数请求方式是post

        如果没有参数请求方式是get

$.ajax介绍

$.ajax它是jquery中最基本的ajax操作，load  get  post都简化了$.ajax操作.

 

$.post与$.get介绍 

jQuery ajax开发基于json

json介绍

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.

json简单说就是javascript中的对象和数组.

对象: {key：value,key：value,...}

数组: ["java","javascript","vb",...]

注意:在json中它的两种结构可以互相嵌套

{key:[value1,value2],key:value}

[{name:xxx},{key:value},{key:value}]

省市区三级联动

Ajax跨域问题

什么是跨域

跨域它是不同的域名(服务器)之间的相互的资源的访问。

当协议，域名，端口号任意一个不相同，它们就是不同的域。

正常情况下，因为浏览器安全问题，不同域的资源是不可以访问的。

跨域解决方案

什么情况下会使用到跨域？

一般情况是在自己的内部的工程中会出现跨域情况。

有三种解决方案:

1.代理方案 前端页面访问本地的服务器，本地服务器访问其它域的资源，它是服务器端的跨域问题解决。
2.jsonp JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON，而是任意的JavaScript，用 JavaScript 直译器执行而不是用 JSON 解析器解析。

3.XHR2全称XMLHttpRequest Level2它是HTML5提供的方法，一般是在移动开发中使用。

jQuery解决跨域操作

在jquery中我们可以使用$.ajax,$.getJSON,$.getScript来解跨域问题。

Jquery中如何使用jsonp完成跨域问题

$.getJSON解决跨域问题

$.getJSON它就是$.ajax解决跨域问题的简化操作