JQuery jsonp使用小记

80473064 2014-06-03

来源:http://www.verydemo.com/demo_c110_i18421.html

<script language="javascript" src="http://www.nowamagic.net/zt/access_count/js/jquery-1.4.2.min.js"></script>
<script language="javascript" src="http://www.nowamagic.net/zt/access_count/js/jquery.jsonp-2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    insert_vote();
})

function insert_vote(){
    var j = null;
    $.ajax({
        type:'get',
        url:'http://www.nowamagic.net/zt/access_count/jsonp.php',
        dataType:'jsonp',
        jsonp:"callback",
        data:{"a":"insert", "type":"aa", "time":"bb", "id":"dd", "allowVote":"cc"},
        async: false,
        success:function(data){ 
            j = data; 
            //alert("1");
            alert(j.title);
        }
    })    
}
    
function init(){
    $.ajax({
          dataType: 'jsonp',
          data: 'id=10',
          jsonp: 'jsonp_callback',
          url: 'http://www.nowamagic.net/zt/access_count/jsonp.php',
          success: function () 
        {
            // do stuff
            alert(jsonp.respond);
          },
    });
}

function init2(){
    $.ajax({    
        async:false,    
         url: 'http://www.nowamagic.net/zt/access_count/jsonp.php',  // 跨域URL   
        type: 'GET',    
         dataType: 'jsonp',    
        jsonp: 'jsoncallback', //默认callback   
        data: 'id=10', //请求数据   
         timeout: 5000,    
           beforeSend: function(){  
            //jsonp 方式此方法不被触发。原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了   
         },   
        success: function(json) { 
            //客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数
            alert(json.respond.title);    
             if(json.actionErrors.length!=0)
            {    
                alert(json.actionErrors);    
               }    
        },    
        complete: function(XMLHttpRequest, textStatus){    
                 
        },    
        error: function(xhr){    
               //jsonp 方式此方法不被触发   
               //请求出错处理    
            alert("请求出错(请检查相关度网络状况.)");    
        }    
    });  
}
</script>

相关推荐