码迷,mamicode.com
首页 > 其他好文 > 详细

!AJAX

时间:2014-10-09 13:44:13      阅读:199      评论:0      收藏:0      [点我收藏+]

标签: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

标签:style   blog   http   color   io   os   ar   java   for   

原文地址:http://www.cnblogs.com/qq21270/p/4012647.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!