這個(gè)。。 ?提供的數(shù)據(jù)應(yīng)該是需要使用 JSON來請(qǐng)求吧。
成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、烏魯木齊網(wǎng)絡(luò)推廣、小程序開發(fā)、烏魯木齊網(wǎng)絡(luò)營(yíng)銷、烏魯木齊企業(yè)策劃、烏魯木齊品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供烏魯木齊建站搭建服務(wù),24小時(shí)服務(wù)熱線:028-86922220,官方網(wǎng)址:www.cdcxhl.com
雖然 jq 有jsonp,但是一直沒有成功使用過。。 所以自己寫了一個(gè)簡(jiǎn)單的。
var?jsonp?=?function?(url,?callback)?{
if?(typeof?url===?'undefined')?{
throw?'the?1st?param?"url"?missing';
}
if?(typeof?callback?===?'undefined')?{
throw?'the?2nd?param?"callback"?missing';
}
var?jsonpcallback?=?'callback'?+?new?Date().valueOf();
if?(typeof?callback?!==?'string')?{
window[jsonpcallback]?=?callback;
callback?=?jsonpcallback;
}?else?{
window[jsonpcallback]?=?function?(data)?{
eval(callback).call(window,?data);
}
}
var?script?=?document.createElement('script');
script.setAttribute('type',?'text/javascript');
script.setAttribute('src',?url?+?(url.indexOf('?')?==?-1???'?'?:?'')?+?'callback='?+?jsonpcallback);
var?head?=?document.getElementsByTagName('head')[0];
head.appendChild(script);
};
然后,你在頁面中這樣調(diào)用:
jsonp('',?function?(data){
var?title?=?data.title;
//?你自己的數(shù)據(jù)處理?可以通過??for..in?的結(jié)構(gòu)來遍歷data的屬性。
});
還是補(bǔ)充一下吧,這樣可以取到返回的所有數(shù)據(jù)(ulli結(jié)構(gòu)/li..../ul),在上面的回調(diào)里面調(diào)用這個(gè)函數(shù):
function?getObjectData(data){
var?f_this?=?arguments.callee;
var?$ul?=?$('ul');
for(var?item?in?data){
var?row?=?data[item];
var?$li?=?$('li');
if(!$.isPlainObject(row)??!$.isArray(row)){
$li.append(item?+?':'?+?row);????????????????????????
}else{
$li.append(item).append(f_this(row));
}
$ul.append($li);
}
return?$ul;
}
對(duì)于零基礎(chǔ)小白,可以看看以下書籍
《圖解 HTTP》:一本HTTP的神書,圖文并茂,生動(dòng)形象,非常適合小白學(xué)習(xí)。
《Head First HTML與CSS(第2版)》:入門真的是經(jīng)典書籍,手把手教學(xué),豐富的案例讓你從 0 開始學(xué)前端。
《鋒利的jQuery》:作為第一本原因是jQuery入門快,你不會(huì)因?yàn)閖s的晦澀難懂而止步不前,因?yàn)閷W(xué)習(xí)jQuery后你可以自己寫一些可以即使看到效果的小項(xiàng)目從而提升興趣。
《Javascript 高級(jí)程序設(shè)計(jì)》:書中涉及的概念基本涵蓋了js的大部分內(nèi)容,包括作用域鏈、js數(shù)據(jù)類型、OOP對(duì)象在js中的實(shí)現(xiàn)、閉包、BOM和DOM模型、對(duì)變態(tài)IE的系列兼容的解決方案、事件流、還有xml、jason、E4X這些數(shù)據(jù)格式與js的交互操作簡(jiǎn)介、高級(jí)技巧的介紹(比如惰性載入)等等
《高性能JavaScript》:揭示了技術(shù)和策略能幫助你在開發(fā)過程中消除性能瓶頸。你將會(huì)了解如何提升各方面的性能,包括代碼的加載、運(yùn)行、DOM交互、頁面生存周期等。
《JavaScript 設(shè)計(jì)模式與開發(fā)實(shí)踐》:騰訊前端AlloyTeam團(tuán)隊(duì)出品,綜合講述前端的設(shè)計(jì)模式,設(shè)計(jì)原則,編程技巧,代碼重構(gòu)等等。
《CSS 世界》:CSS和javascript一樣,都是很容易上手,卻很難精通的。這本是前端知名博主張?chǎng)涡竦臅迷u(píng)很多,講的很細(xì)致。
《CSS 揭秘》:CSS進(jìn)階必備書籍,47 個(gè) css 技巧讓你在面對(duì)各種 css 問題的時(shí)候游刃有余。
《深入淺出Node.js》:針對(duì)Node的基本原理做了深入,能讓你了解底層的Node實(shí)現(xiàn)
把原來的老版本給刪除掉,下載最新版本替換,這給機(jī)器沒有關(guān)系。是軟件的故障.
就是播放器的問題,下載最新版本恢復(fù)下程序就行??!
現(xiàn)代 Web 應(yīng)用中頻繁使用的一項(xiàng)功能就是表單數(shù)據(jù)序列化,XMLHttpRequest 2 級(jí)為此定義了 FormData 類型,F(xiàn)ormData 為序列化表單以及創(chuàng)建與表單格式相同的數(shù)據(jù)(通過 JS 來模擬表單鍵值對(duì))提供了便利。
使用 post 發(fā)送表單鍵值對(duì)格式的請(qǐng)求時(shí),依然可以使用查詢字符串格式,只是要放在請(qǐng)求體中,即傳入 send() 中,介紹以下幾種方法:
方法1: 直接模仿表單提交的形式,缺點(diǎn)是需要手動(dòng)設(shè)置請(qǐng)求頭,還要自己序列化為查詢字符串的形式傳給 xhr 對(duì)象。
方法2: 使用 FormData() 構(gòu)造函數(shù),瀏覽器會(huì)自動(dòng)識(shí)別并添加請(qǐng)求頭 "Content-Type: multipart/form-data",且參數(shù)依然像是表單提交時(shí)的那種鍵值對(duì)兒,此外 FormData() 構(gòu)造函數(shù) new 時(shí)可以直接傳入 form 表單的 dom 節(jié)點(diǎn)。
方法3: 使用 URLSearchParams() 構(gòu)造函數(shù)傳入查詢字符串,返回的實(shí)例和 FormData 相似,同時(shí)瀏覽器也做出相同的行為。
另外,URLSearchParams() 構(gòu)造函數(shù) new 時(shí)可以直接傳入查詢字符串格式的參數(shù),比如:
可見 send() 方法很靈活:
第一行是請(qǐng)求行,指明了方法、URI 和 HTTP 版本號(hào);
接著是消息頭(簡(jiǎn)單起見,只有一個(gè) Content-Type);
然后空出一行;
接下來就是消息體,可以看到使用 multipart/form-data 時(shí),消息體通過 boundary 來分隔多個(gè)字段,被分隔的每個(gè)字段都有自己的小頭部和小消息體,且也用空行分隔。如此,提供了額外的信息。
字段的值可能是普通的字符,也可能是二進(jìn)制文件:
multipart/form-data 最初由 《RFC 1867: Form-based File Upload in HTML》 文檔定義。
文檔簡(jiǎn)介中說明文件上傳作為一種常見的需求,在目前(1995年)的html中的form表單格式中還不支持,因此發(fā)明了一種兼容此需求的MIME type。
文檔中也寫了為什么要新增一個(gè)類型,而不使用舊有的 application/x-www-form-urlencoded :因?yàn)榕f有類型不適合用于傳輸大型二進(jìn)制數(shù)據(jù)或者包含非ASCII字符的數(shù)據(jù)。平常我們使用這個(gè)類型都是把表單數(shù)據(jù)使用url編碼后傳送給后端,二進(jìn)制文件當(dāng)然沒辦法一起編碼進(jìn)去了。所以 multipart/form-data 就誕生了,專門用于有效的傳輸文件。
參考:
1. 豆瓣:JavaScript高級(jí)程序設(shè)計(jì)(第3版)
2. MDN: FormData
3. MDN: XMLHttpRequest.send()
4. 為什么上傳文件要使用multipart/form-data
5. 談?wù)刦orm-data請(qǐng)求格式