ajax跨域通讯-博客园老牛大讲堂

1、首先ajax是什么？

　　ajax是一段代码，是用来解决前端（H5）与后端（Java，php）通讯的。

2、不用ajax行不？

   　能够啊！只要你本身写的H5页面是静态的，或者不与后台进行通讯，进行数据的交流，不用ajax也行。

3、ajax能实现跨域吗？

　　什么是跨域：例如：你写了一个好看的页面，可是页面的某些数据须要和后台进行交互，怎么作呢，用ajax啊!可是！对与Java程序就不行了，代码全对，但就是老报错。这就是跨域了。就好像你链接不上网同样。ajax对于Java程序来讲能实现跨域的！

4、怎样实现ajax与Java数据交互呢？

　　利用jsonp！jsonp通讯以下：

　　这是JavaScript代码：

　传递callback的做用是jsonp的关键。网页首先要传递一个变量，服务端再把变量回传。

  View Code

　　java后台代码：

  View Code

5、ajax的json通讯与jsonp通讯

　　下面是json数据实现与php进行通讯的几种方法：（对于Java远程通讯无效，通常针对php后台有效。）

例子一：其中var value=eval("("+data+")");是为了把字符串转换成json数据。

1 $.ajax({
2             url:"http://192.168.4.109:90/html/books.js",
3             type:"POST",
4             
5             success:function(data){
6                 var value=eval("("+data+")");
7                 $('#list2').html(data);
8             }
9         });

例子二：

1 $.getJSON("menu.js",function(data){
2             $.each(data,function(i,field){
3                 $("#list2").append("<li>"+field.type+"</li>");
4             });
5         });

例子三：

  View Code

例子四：

  View Code

 6、上面 的五下的第一个例子是否是跟四下面 的例子有点同样呢。确定不同了。不同的地方本身找吧。