快捷導(dǎo)航

js跨域訪問示例(客戶端/服務(wù)端)

更新時(shí)間：2014年05月19日 16:05:32 作者：

有關(guān)跨域訪問的的文章，可以搜到很多，基本上大同小異，下面有個(gè)不錯(cuò)的訪問示例，大家可以參考下

 
<div id="oid"></div> 
<script type="text/javascript"> 
//獲取貨號(hào) 
$.ajax({ 

url: "http://192.168.1.191/H.ashx", 
type: "GET", 
dataType: 'jsonp', 
//jsonp的值自定義,如果使用jsoncallback,那么服務(wù)器端,要返回一個(gè)jsoncallback的值對(duì)應(yīng)的對(duì)象. 
jsonp: 'jsoncallback', 
//要傳遞的參數(shù),沒有傳參時(shí)，也一定要寫上 
data: null, 
timeout: 5000, 
//返回Json類型 
contentType: "application/json;utf-8", 
//服務(wù)器段返回的對(duì)象包含name,openid. 
success: function (result) { 

document.getElementById('oid').innerText=result.name+"："+result.openid; 
}, 
error: function (jqXHR, textStatus, errorThrown) { 
alert(textStatus); 
} 
}); 

</script> 

服務(wù)端 H.ashx

復(fù)制代碼代碼如下:

 
<%@ WebHandler Language="C#" Class="H" %> 

using System; 
using System.Web; 

public class H : IHttpHandler { 

public void ProcessRequest (HttpContext context) { 
context.Response.ContentType = "text/plain"; 

string result = context.Request.QueryString["jsoncallback"] + "({\"name\":\"測(cè)試編號(hào)為\",\"openid\":\"123456789\"})"; 

context.Response.Clear(); 
context.Response.Write(result); 
context.Response.End(); 


} 

public bool IsReusable { 
get { 
return false; 
} 
} 

} 

您可能感興趣的文章:

跨域訪問

相關(guān)文章

GoJs中標(biāo)題和縮略圖使用技巧
這篇文章主要為大家介紹了GoJs中標(biāo)題和縮略圖使用技巧詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
淺談JS封閉函數(shù)、閉包、內(nèi)置對(duì)象
下面小編就為大家?guī)硪黄獪\談JS封閉函數(shù)、閉包、內(nèi)置對(duì)象。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-07-07
微信小程序拍照或從相冊(cè)選取圖片上傳代碼實(shí)例
這篇文章主要介紹了微信小程序拍照或從相冊(cè)選取圖片上傳代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-08-08
JS獲取地址欄參數(shù)的幾種方法小結(jié)
本篇文章主要是對(duì)JS獲取地址欄參數(shù)的幾種方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-02-02
js技巧之十幾行的代碼實(shí)現(xiàn)vue.watch代碼
相信很多的用vue的人都知道vue雙向綁定的原理建立在，給屬性綁定了getter和setter，在屬性被改變的同時(shí)觸發(fā)視圖的再渲染。而本期也是借助這兩個(gè)內(nèi)置方法實(shí)現(xiàn)vue內(nèi)的watch
2018-06-06
bootstrap datepicker 與bootstrapValidator同時(shí)使用時(shí)選擇日期后無法正常觸發(fā)校驗(yàn)的解
這篇文章主要介紹了bootstrap datepicker 與bootstrapValidator同時(shí)使用時(shí)選擇日期后無法正常觸發(fā)校驗(yàn)的解決思路的相關(guān)資料,需要的朋友可以參考下
2016-09-09
webpack里使用jquery.mCustomScrollbar插件的方法
malihu-custom-scrollbar-plugin是一個(gè)依賴jquery的自定義網(wǎng)頁(yè)滾動(dòng)條樣式插件，這篇文章主要介紹了webpack里使用jquery.mCustomScrollbar插件的方法，感興趣的小伙伴們可以參考一下
2018-05-05
js String.prototype.trim字符去前后空格的擴(kuò)展
這篇文章主要介紹了js String.prototype.trim字符去前后空格的擴(kuò)展,需要的朋友可以參考下
2020-04-04
使用js修改客戶端注冊(cè)表的方法
這篇文章介紹了使用js修改客戶端注冊(cè)表的方法，有需要的朋友可以參考一下
2013-08-08
JavaScript實(shí)現(xiàn)全選或反選功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)全選或反選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08