!AJAX

標籤：style   blog   http   color   io   os   ar   java   for   

 

 

var requestUrl="http://localhost/1.html?callback=?";$.ajax({    type : "get",    async:true,    url : requestUrl,    data : "channelid=7&current=1&rowSize=4",    dataType : "jsonp",    success :function(data){        console.log("--------(xxxxx)-----success");    },    error:function(data){        console.log("error: (xxxxx)");    }});

注意：跨域要用jsonp，並且雙方要有約定callback

php代碼：

$callback=$_GET[‘callback‘]; echo $callback."($res)";

 

一個簡單的ajax例子

<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>

 

用對象方式傳參數：

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