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、上面 的五下的第一個例子是否是跟四下面 的例子有點同樣呢。確定不同了。不同的地方本身找吧。