有跨越用Jsonp

網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了武定免費建站歡迎大家使用!
var url = '';
$.ajax({
type: 'post',
url: url,
data: {name:'wangyulu'},
dataType: 'jsonp',
success:function(result){
console.log(result);
}
});
得先知道后臺接口給ajax訪問(接口URl和傳入接口的參數(shù)及參數(shù)類型),知道訪問之后返回的數(shù)據(jù)類型,有哪些數(shù)據(jù)。
選擇異步請求的方式,常用的有三種,如$.ajax()、$.post()、$.get()。
其中$.ajax允許get/post兩種請求方式,$.get()只允許get請求,$.post()只允許post請求方式。
異步請求所需要的常用要素:
a、url (訪問url) b、dataType(數(shù)據(jù)傳輸方式) c、success成功之后的回調(diào)函數(shù)。
$.ajax使用示范代碼(由于異步請求的參數(shù)較多,實例只是常用參數(shù),下同)。
設(shè)接口url
var url='/test/test.do'; //下面的實例代碼都用此訪問接口url
$.ajax({
url:url,
dataType:'text',
success: function(data){
(請求成功之后的前端處理代碼)
}
});
$.post使用示范代碼:
$.post(url, { name: "John", time: "2pm" }, function(data){
alert("Data Loaded: " + data);
},'text');
$.get使用實例代碼:
$.get(url, { name: "John", time: "2pm" }, function(data){
alert("Data Loaded: " + data);
});
看,jQuery異步請求簡單吧。學會這三種方式做前后端交互基本就夠用了。
接口通常都是由開發(fā)者設(shè)定的,返回規(guī)則也是由開發(fā)者進行定制,一般得到授權(quán)的用戶都會得到開發(fā)者提供的請求格式,然后用戶根據(jù)自己需求來進行數(shù)據(jù)提取,但是,請求返回的數(shù)據(jù)也是由開發(fā)商定制的規(guī)則來限制的,也就是說,html可以用開發(fā)者提供的請求地址來進行AJAX請求。雖然說可以自己選擇使用js還是jquery。但是主要請求格式仍然是開發(fā)者定制的返回規(guī)則。
不能變更的是:接口請求地址,接口url參數(shù)名,必須傳遞的參數(shù)必須給它傳回去,這樣服務(wù)器才會響應(yīng)你的請求,服務(wù)器一般會返回json格式的數(shù)據(jù)給你進行調(diào)用。每個接口都有自己的開發(fā)手冊,主要是介紹:請求格式說明、返回值說明、參數(shù)說明等。
這個是三級聯(lián)動,值是預(yù)設(shè),你換乘帶參數(shù)的動態(tài)接口數(shù)據(jù)即可
script language="JavaScript" type="text/javascript"
function createCode()
{
//數(shù)組賦值
var varname = new Array(4);
varname[0] = "請選擇";
varname[1] = "紅色";
varname[2] = "黃色";
varname[3] = "藍色";
//下拉框賦值
for(var i=0;i4;i++)
{
document.getElementById('xlk1').options[i] = new Option(varname[i],i);
}
copy();
}
//復(fù)制下拉框一給下拉框二
function copy()
{
for(i=0;idocument.getElementById("xlk1").options.length;i++)
{
document.getElementById('xlk2').options[i] = new Option(document.getElementById("xlk1").options[i].text,i)
}
copytwo();
}
//復(fù)制下拉框一給下拉框二
function copytwo()
{
for(i=0;idocument.getElementById("xlk2").options.length;i++)
{
document.getElementById('xlk3').options[i] = new Option(document.getElementById("xlk2").options[i].text,i)
}
}
function onChange1()
{
//獲取下拉框1的選中項
var strid=document.getElementById("xlk1").value;
//獲取選中項的內(nèi)容
//var strtxt=document.getElementById("xlk1").options[window.document.getElementById("xlk1").selectedIndex].text;
//獲取指定ID下拉框的項總數(shù)
//var strnub=document.getElementById("xlk1").options.length;
copy();
if(strid != 0)
{
document.getElementById("xlk2").options.remove(strid);
document.getElementById("xlk3").options.remove(strid);
}
document.getElementById("textfield").value=strid+strtxt+strnub;
}
function onChange2()
{
//獲取下拉框1的選中項
var strid2=document.getElementById("xlk2").selectedIndex;
//獲取選中項的內(nèi)容
var strtxt2=document.getElementById("xlk2").options[window.document.getElementById("xlk2").selectedIndex].text;
//獲取指定ID下拉框的項總數(shù)
var strnub2=document.getElementById("xlk2").options.length;
copytwo();
if(strid2 != 0)
{
document.getElementById("xlk3").options.remove(strid2);
}
}
/script
body onLoad="createCode()"
form id="form1" name="form1" method="post" action=""
select name="xlk1" id="xlk1" onChange="onChange1()"/select
select name="xlk2" id="xlk2" onChange="onChange2()"/select
select name="xlk3" id="xlk3"/select
/form
不是很明白?你想把前臺的json傳給后臺嗎?
如果是,加多個參數(shù)dataType:json,data:json_data,
即json_data = {
"pwd" : "password" // 可選
"address":"xxxxx,張三", //聯(lián)系人 和收貨地址放在一起
"mobile":"123456789",
"email":"email123@QQ.com"
};
希望能夠幫到你!
新聞標題:jquery接口,jQuery的入口函數(shù)
本文路徑:http://chinadenli.net/article45/dsejohi.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供、手機網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、移動網(wǎng)站建設(shè)、定制網(wǎng)站、面包屑導航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)