jquery ajax jsonp 도메인 간 호출 예제 code_jquery

客户端代码

复主代码 代码如下: &lt ;head runat="server"> function aa() { $.ajax({ url: "http://localhost:12079/WebForm2.aspx", 데이터: "p1= 1&p2=2&callback=?", type: "post", processData: false, timeout: 15000, dataType: "jsonp", // "json"이 아님 구문 분석함 jsonp: "jsonpcallback", 성공: 함수(결과) { Alert(result.value1); } }); }

服务器端代码

复主代码 代码如下: 공개 부분 클래스 WebForm2 : System.Web.UI.Page { protected void Page_Load(객체 전송자, EventArgs e) {

string callback = 요청["callback"]; string v1="1"; string v2="2"; 문자열 응답 = "{"value1":"" v1 "","value2":"" v2 ""}"; 문자열 호출 = 콜백 "(" 응답 ")"; Response.Write(call); Response.End(); } } 客户端页면과 服务器端页면은 两个项目中，以便进行跨域调用测试。

跨域实例代码（需要加载jquery，页면为utf-8编码)：

复主代码 代码如下: function Success_jsonpCallback(data){ var html = ' '; var pos = ''; html = ' '; jQuery.each(data, function(k, v) { if(k pos = '【' v.city '】' v.positionName '(' v.salary ') - ' v.companyName; if(pos.length > 20){ pos = pos. substring(0,19) '...'; } html = ' ' pos ' '; } }); html = ' 更多 '; jQuery('#lagouData').html(html); }

复主代码 代码如下: success_jsonpCallback([{"city":"Guangzhou","companyName":"POCO.CN","createTime":"15:02에 출시됨","posiitonDetailUrl":"http://www lagou.com:80/jobs/16868.html","positionAdvantage":"구시가지에서 일할 수 있는 편리한 교통, 주말 휴식 시간을 갖춘 응집력 있는 팀에서 일함","positionName":"상용 프론트엔드 개발 엔지니어 ","salary":"4k -7k"},{"city":"Beijing","companyName":"Meitong Yundong (Beijing) Technology Co., Ltd.","createTime":"14:47에 출시됨 ","posiitonDetailUrl":"http:/ /www.lagou.com:80/jobs/16866.html","positionAdvantage":"Html5 기술을 갖춘 최고의 팀","positionName":"웹 프런트엔드 개발" ,"salary":"4k-8k"}, {"city":"Hangzhou","companyName":"Pocket Shopping","createTime":"14:42에 게시됨","posiitonDetailUrl":"http:/ /www.lagou.com:80/jobs/13024.html","positionAdvantage":"자존감이 반영되는 폭넓은 개발 플랫폼","positionName":"웹 프론트엔드 개발 엔지니어","급여 ":"8k-12k"},{"city":"Beijing" ,"companyName":"Pudding Mobile","createTime":"14:02에 게시됨","posiitonDetailUrl":"http://www. lagou.com:80/jobs/1498.html","positionAdvantage":" 아름다운 여성들과 함께하는 세 끼 식사","positionName":"Android 개발 엔지니어","salary":"10k-20k"},{" city":"Beijing","companyName":"Pudding Mobile","createTime":"14:02에 게시됨","posiitonDetailUrl":"http://www.lagou.com:80/jobs/2539.html ","positionAdvantage":"세 끼 식사, 작은 다리와 흐르는 물, 아름다운 사람들"," positionName":"ios 개발 엔지니어","salary":"10k-20k"},{"city":"상하이", "회사 이름":"천천动음","createTime":"00:55에 게시됨"," posiitonDetailUrl":"http://www.lagou.com:80/jobs/11494.html","positionAdvantage": "기업가적 분위기는 작지만 아름다운 것을 강조합니다.","positionName":"Android 개발 엔지니어","salary": "8k-16k"},{"city":"Beijing","companyName":"LBE Security Master", "createTime":"11시 39분에 출시됨","posiitonDetailUrl":"http://www.lagou. com:80/jobs/5983.html","positionAdvantage":"5개 보험 및 1개 펀드 실적 보너스", "positionName":"Android 개발 엔지니어","salary":"8k 이상"},{"city":" Beijing","companyName":"Dim Sum Mobile","createTime":"11:24에 게시됨 ","posiitonDetailUrl":"http://www.lagou.com:80/jobs/16736.html","positionAdvantage" :"기술 중심의 팀 분위기, 포괄적인 혜택","positionName":"Android"," 급여":"15k-25k"},{"city":"광저우","회사 이름":"Lizhi FM ","createTime":"10시 44분에 발표됨","posiitonDetailUrl":"http://www .lagou.com:80/jobs/16634.html","positionAdvantage":"계속 달리고 체중을 유지하는 것만으로도 보너스! ","positionName":"WP 모바일 개발 엔지니어","salary":"16k-25k"},{"city":"Beijing","companyName":"Online Banking-Jingdong 자회사","createTime":" 게시 시간: 10:08","posiitonDetailUrl":"http://www.lagou.com:80/jobs/14162.html","positionAdvantage":"JD Mall-인터넷 금융 상품의 JS 개발 담당"," positionName": "Javascript 프론트엔드 개발 엔지니어","salary":"10k-20k"}])