26.Ajax和jsonp

ajax是用来读取json数据的

一。json

json是javaScript  Object Notation 的首字母缩写，单词的意思是js对象表示法，这里说的json指的是类似于js对象的一种数据格式，目前这种数据格式比较流行，逐渐替换掉了传统的xml数据格式。

javascript自定义对象：

var oMan = {

      name："tom",

      age:16,

      talk:function(s){

            alert("我会说"+s)

      }

}

json格式的对象：

{

"name":"tom"

"age":16

}

与json对象不同的是，json数据格式的属性名称和字符串值需要用双引号引起来，用单引号或者不用引号会导致读取数据错误。

json的另外一个数据格式是数组，和js中的数组字面量相同

["tom",18,"age"]

二。使用ajax前要配置服务器环境

 

https://www.cnblogs.com/liuqiyun/p/8133904.html      ----下载安装node.js教程参考  CMD查看

node  -v       查看node.js版本

npm -v         查看npm版本

以下要先到所在文件的目录下执行：

dir            查看此文件夹下面的文件

node    server.js       运行此文件

https://blog.csdn.net/Jacoh/article/details/84194685       ----server.js   文件，自行去网上下载配置

 

三。ajax与jsonp

          Ajax技术的目的是让js发送http请求，与后台通信，获取数据和信息。Ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。ajax通信的过程不会影响后续js的执行，从而实现异步。

ajax不能操作文件的读写

同步和异步

现实生活中，同步指得是同时做几件事情，异步指得是做完一件事后再做另外一件事，程序中的同步和异步是把现实生活中的概念对调，也就是程序中的异步指的是现实生活中的同步，程序中的同步指的是现实生活中的异步。

局部刷新和无刷新

Ajax可以实现局部刷新，也叫做无刷新，无刷新指的是整个页面不刷新，只是局部刷新，Ajax可以自己发送http请求，不用通过浏览器的地址栏，所以页面整体不会刷新，ajax获取到后台数据，更新页面显示数据部分，就做到了页面的局部刷新。

同源策略

ajax请求的页面或资源只能是同一个域下面的资源，不能是其他域的资源，这是再设计Ajax时基于安全的考虑。特征报错提示：

四。$.ajax使用方法

常用参数

1.url请求地址

2.type请求方式，默认是“get”  ，常用的还有post。

3.dataType设置返回的数据格式，常用的是json格式，也可以设置为html

4.data设置发送给服务器的数据

5.success  设置请求成功后的回调函数

6.error设置请求失败后的回调函数

7.async 设置是否异步，默认值是true，表示异步

 

五。jsonp

ajax只能请求同一域下的数据或资源，有时候需要跨域请求数据，就需要用到jsonp技术，jsonp可以跨域请求数据，他的原理主要利用了<script>标签可以跨域连接资源的特性，jsonp和ajax原理完全不一样，不过jquery将它们封装成同一函数。