var requestUrl="http://localhost/1.html?callback=?";$.ajax({ type : "get", async:true, url : requestUrl, data : "channelid=7¤t=1&rowSize=4", dataType : "jsonp", success :function(data){ console.log("--------(xxxxx)-----success"); }, error:function(data){ console.log("error: (xxxxx)"); }});
Note: jsonp must be used for cross-origin requests, and both parties must specify callback.
PHP code:
$callback=$_GET[‘callback‘]; echo $callback."($res)";
A simple Ajax example
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script><script type="text/javascript">$(function(){var TEST = { test:function() { //var requestUrl=GLOBAL.WEBSITE+"client/newspaper/getNewspaper.html?callback=?"; var requestUrl="http://121.199.44.182:8090/client/newspaper/getChannel.html?callback=?"; $.ajax({ type : "post", async:true, url : requestUrl, data : "typeid=2&channelid=7", dataType : "jsonp", success :function(data){ console.log("-------------success"); console.log(data); for(var i=0;i<data.length;i++){ console.log(data[i].id); console.log(data[i].name); } }, error:function(data){ console.log("error:"+data[0]); } }); },};TEST.test();});</script>
Passing parameters as objects:
var requestUrl="http://192.168.1.1/expai_data/counter?";$.ajax({ type : "post", async:true, url : requestUrl, data : "product="+product+"&name="+consignee+"&address="+address+"&phone="+phone+"&content="+content+"&step="+step+"&cpmc="+cpmc+"&src="+src, /* data:{ product : product, name : consignee, address : address, phone : phone, content : content, step : step, cpmc : cpmc, },*/ dataType : "jsonp", success :function(data){ //console.log("--------(xxxxx)-----success"); }, error:function(data){ //console.log("error: (xxxxx)"); }});
! Ajax