ajax的使用以及jsonp的使用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>

<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
div>span{
display: block;
}
</style>
</head>
<body>
<form id="bbq">
<input type="text" name="tel"/>

        <input type="button" value="submit" onclick="ssd();"/>
    </form>
    <div>
        <span>1</span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
    
</body>
<script type="text/javascript">
function addds(){

// i=5;
// var ime= setInterval(function(){
// console.log(ssbbq.province);
// i--;
// if (i<=0) {
// clearInterval(ime);
// }
// },1000)
$("div>span").eq(0).html(ssbbq.areaVid);
$("div>span").eq(1).html(ssbbq.carrier);
$("div>span").eq(2).html(ssbbq.catName);
$("div>span").eq(3).html(ssbbq.ispVid);
$("div>span").eq(4).html(ssbbq.mts);
$("div>span").eq(5).html(ssbbq.province);
$("div>span").eq(6).html(ssbbq.telString);
console.log($("div>span").eq(0).html());

}

function bbssdd(){
    var k =0;
    var obj =ssbbq;//上面復(fù)制的data
    $.each(obj, function(key, val) {

// alert(obj[key]);//可以輸出成績
console.log(key+":"+obj[key]);
// for(var i =0;i<obj.length;i++){
// console.log(obj);
$("div>span").eq(k).html(key+":"+obj[key]);
k++;
// }
// console.log();//可以輸出姓名
});
}

function aabbcc(){
    var k =0;
    for(var i in ssbbq){
        
        console.log(i+":"+ssbbq[i]);
        console.log(k);
        $("div>span").eq(k).html(i+":"+ssbbq[i]);
        k++;
    }
}

    function ssd(){
        var qimingzihaonan  = $("#bbq").serialize(); 

// var data = "tel=13212180588";
console.log(qimingzihaonan);
// console.log(data);
$.ajax({
type:"get",
url:"https://tcc.taobao.com/cc/json/mobile_tel_segment.htm",
data:qimingzihaonan,
dataType: "jsonp",
jsonp: "callback",
async:true,
success:function(abc){
alert("csss");
// console.log(abc);
ssbbq = abc;
// addds();
bbssdd();
// aabbcc();
},
error:function(bbc){
alert("失敗");
},
complete:function(XMLHttpRequest,textStatus){//成功失敗都會(huì)調(diào)用的函數(shù)
alert(XMLHttpRequest.status);
}

    });
    
    }
    
    
</script>

</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末昔瞧,一起剝皮案震驚了整個(gè)濱河市典奉,隨后出現(xiàn)的幾起案子帝洪,更是在濱河造成了極大的恐慌虱饿,老刑警劉巖轻绞,帶你破解...
    沈念sama閱讀 217,826評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件翠胰,死亡現(xiàn)場離奇詭異候引,居然都是意外死亡漠趁,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門盾沫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來裁赠,“玉大人,你說我怎么就攤上這事赴精∨謇蹋” “怎么了?”我有些...
    開封第一講書人閱讀 164,234評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵蕾哟,是天一觀的道長一忱。 經(jīng)常有香客問我,道長谭确,這世上最難降的妖魔是什么帘营? 我笑而不...
    開封第一講書人閱讀 58,562評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮逐哈,結(jié)果婚禮上芬迄,老公的妹妹穿的比我還像新娘。我一直安慰自己昂秃,他們只是感情好禀梳,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,611評(píng)論 6 392
  • 文/花漫 我一把揭開白布杜窄。 她就那樣靜靜地躺著,像睡著了一般算途。 火紅的嫁衣襯著肌膚如雪塞耕。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,482評(píng)論 1 302
  • 那天嘴瓤,我揣著相機(jī)與錄音扫外,去河邊找鬼。 笑死廓脆,一個(gè)胖子當(dāng)著我的面吹牛筛谚,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播狞贱,決...
    沈念sama閱讀 40,271評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼刻获,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了瞎嬉?” 一聲冷哼從身側(cè)響起蝎毡,我...
    開封第一講書人閱讀 39,166評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎氧枣,沒想到半個(gè)月后沐兵,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,608評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡便监,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,814評(píng)論 3 336
  • 正文 我和宋清朗相戀三年扎谎,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片烧董。...
    茶點(diǎn)故事閱讀 39,926評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡毁靶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出逊移,到底是詐尸還是另有隱情预吆,我是刑警寧澤,帶...
    沈念sama閱讀 35,644評(píng)論 5 346
  • 正文 年R本政府宣布胳泉,位于F島的核電站拐叉,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏扇商。R本人自食惡果不足惜凤瘦,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,249評(píng)論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望案铺。 院中可真熱鬧蔬芥,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至嗤放,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間壁酬,已是汗流浹背次酌。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留舆乔,地道東北人岳服。 一個(gè)月前我還...
    沈念sama閱讀 48,063評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像希俩,于是被迫代替她去往敵國和親吊宋。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,871評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品颜武,去做同樣的事情璃搜,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,758評(píng)論 2 17
  • 單例模式 適用場景:可能會(huì)在場景中使用到對(duì)象鳞上,但只有一個(gè)實(shí)例这吻,加載時(shí)并不主動(dòng)創(chuàng)建,需要時(shí)才創(chuàng)建 最常見的單例模式篙议,...
    Obeing閱讀 2,067評(píng)論 1 10
  • 不支持上傳文件唾糯,所以就復(fù)制過來了。作者信息什么的都沒刪鬼贱。對(duì)前端基本屬于一竅不通移怯,所以沒有任何修改,反正用著沒問題就...
    全棧在路上閱讀 1,960評(píng)論 0 2
  • 如何控制alert中的換行这难?\n alert(“p\np”); 請(qǐng)編寫一個(gè)JavaScript函數(shù) parseQu...
    heyunqiang99閱讀 1,084評(píng)論 0 6
  • 白沙舟误,據(jù)說是麗江的最后一塊凈土,那里多少還保留著一些傳統(tǒng)的民俗和建筑雁佳。 去那里脐帝,得穿越廣袤的平原和田地。 盛夏的田...
    典典貓咪閱讀 270評(píng)論 0 0