锘??xml version="1.0" encoding="utf-8" standalone="yes"?>
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
2.媯嫻媌rowser
// Safari
if( $.browser.safari )
{
//do something
}
//mozilla
if($.browser.mozilla )
{
//do something
}
//Above IE6
if ($.browser.msie && $.browser.version >6 )
{
//do something
}
// IE6 and below
if ($.browser.msie && $.browser.version <= 6 )
{
//do something
}
3.媯鏌ュ瓨鍦ㄧ殑鍏冪礌
if ($("#someDiv").length) {
//yes it does ,do something
}
錛堝弸鎯呮彁紺猴細鏈崥鏂囩珷嬈㈣繋杞澆錛屼絾璇鋒敞鏄庡嚭澶勶細hankchen錛?/strong>http://www.tkk7.com/hankchen錛?/strong>
錛?錛?span style="font: 7pt 'Times New Roman'">
jQuery.get(url, [data], [callback], [type])錛?錛?span style="font: 7pt 'Times New Roman'">
jQuery.getJSON(url, [data], [callback])錛?錛?span style="font: 7pt 'Times New Roman'"> jQuery.getScript(url, [callback])
錛?錛?span style="font: 7pt 'Times New Roman'"> jQuery.post(url, [data], [callback], [type])
鐢變簬jQuery.ajax()鍔熻兘姣旇緝寮哄ぇ錛屽彲閰嶇疆鐨勫弬鏁版瘮杈冨錛岀幇鍦ㄤ富瑕佸榪欎釜鏂規(guī)硶鐨勬敞鎰忎簨欏硅繘琛屾葷粨銆?/span>
1. jQuery.ajax()榛樿鏄互寮傛鐨勬柟寮忚姹傜殑錛屽鏋滈渶瑕佸悓姝ワ紝浣跨敤鍙傛暟async涓篺alse銆傚洜涓烘湁浜涘簲鐢ㄥ繀欏誨悓姝ヨ姹傛暟鎹殑銆備緥濡傦紝鏌愪簺Flash涓?/span>JS浜や簰搴旂敤涓紝璇鋒眰涓涓?/span>JS鍑芥暟闇瑕侀┈涓婂緱鍒拌繑鍥炴暟鎹傛鏃訛紝蹇呴』閲囩敤鍚屾鐨?/span>Ajax璋冪敤鏂瑰紡銆?/span>
2. Ajax濡傛灉鏄?/span>Get璇鋒眰錛岃繑鍥炵殑鏁版嵁涓鑸細琚祻瑙堝櫒緙撳瓨錛屽鏋滀笉鎯寵緙撳瓨錛屽彲浠ヨ緗?/span>cache鍙傛暟涓?/span>false錛涙垨鑰呭彂閫佽姹傛槸甯︿笂鏃墮棿鎴籌紝榪欐牱嫻忚鍣ㄤ細璁や負鏄柊鐨勮姹傦紝鑰岄噸鏂頒粠鏈嶅姟鍣ㄥ姞杞芥暟鎹傚綋鐒訛紝濡傛灉鏄?/span>POST鍙戦佺殑璇鋒眰鍒欎笉浼氳緙撳瓨銆?/span>
3. dataType錛?/span>棰勬湡鏈嶅姟鍣ㄨ繑鍥炵殑鏁版嵁綾誨瀷銆傚鏋滀笉鎸囧畾錛?/span>jQuery 灝嗚嚜鍔ㄦ牴鎹?/span> HTTP 鍖?/span> MIME 淇℃伅榪斿洖 responseXML 鎴?/span> responseText錛屽茍浣滀負鍥炶皟鍑芥暟鍙傛暟浼犻掞紝鍙敤鍊?/span>:
錛?/span>1錛?/span>"xml": 榪斿洖 XML 鏂囨。錛屽彲鐢?/span> jQuery 澶勭悊銆?/span>
錛?/span>2錛?/span>"html": 榪斿洖綰枃鏈?/span> HTML 淇℃伅錛涘寘鍚殑script鏍囩浼氬湪鎻掑叆dom鏃舵墽琛屻?/span>
錛?/span>3錛?/span>"script": 榪斿洖綰枃鏈?/span> JavaScript 浠g爜銆備笉浼氳嚜鍔ㄧ紦瀛樼粨鏋溿傞櫎闈炶緗簡"cache"鍙傛暟銆?/span>'''娉ㄦ剰錛?/span>'''鍦ㄨ繙紼嬭姹傛椂(涓嶅湪鍚屼竴涓煙涓?/span>)錛屾墍鏈?/span>POST璇鋒眰閮藉皢杞負GET璇鋒眰銆?/span>(鍥犱負灝嗕嬌鐢?/span>DOM鐨?/span>script鏍囩鏉ュ姞杞?/span>)
錛?/span>4錛?/span>"json": 榪斿洖 JSON 鏁版嵁 銆?/span>
錛?/span>5錛?/span>"jsonp": JSONP 鏍煎紡銆備嬌鐢?/span> JSONP 褰㈠紡璋冪敤鍑芥暟鏃訛紝濡?/span> "myurl?callback=?" jQuery 灝嗚嚜鍔ㄦ浛鎹?/span> ? 涓烘紜殑鍑芥暟鍚嶏紝浠ユ墽琛屽洖璋冨嚱鏁般?/span>
錛?/span>6錛?/span>"text": 榪斿洖綰枃鏈瓧絎︿覆
鍏朵腑錛?/span>"script"銆?/span>"json"璁劇疆鍙互瑙e喅Ajax鐨勮法鍩熼棶棰樸?/span>
4. 濡傛灉鏈嶅姟鍣ㄨ繑鍥炵殑涓涓瓧絎︿覆鎴栨暟鍊鹼紝鍒欎嬌鐢ㄦ櫘閫氱殑ajax璋冪敤鍗沖彲銆?/span>
濡傛灉鏈嶅姟鍣ㄨ繑鍥炵殑鏄竴涓?/span>JSON瀵硅薄錛岄偅涔堟渶濂介噰鐢?/span>jQuery.getJSON鐨勬柟寮忥紝鎴栬呰緗?/span>dataType=json銆傚洜涓烘祻瑙堝櫒瑙f瀽JSON瀵硅薄闇瑕佹椂闂達紝鐩存帴榪斿洖JSON瀵硅薄錛岃妭鐪佽В鏋愭椂闂達紝鍙互閬垮厤鍦ㄦ湇鍔″櫒鏄庢槑鏈夎繑鍥炴暟鎹紝浣嗘槸嫻忚鍣ㄥ緱涓嶅埌鐨勯敊璇?/span>
5. Ajax璋冪敤鏄渶瑕佹椂闂寸殑錛屾墍浠ヤ竴鑸皢Ajax璋冪敤鍚庣殑澶勭悊浠g爜鍏ㄩ儴鏀懼湪鍥炶皟鏂規(guī)硶涓備笉鑳介噰鐢ㄨ繖鏍風殑澶勭悊鏂瑰紡錛?/span>
function getMyPrizeList(){
if(isNotEmpty(uid)){
var obj=new Object();
try{
jQuery.ajax({type:"GET",url:"someurl",async:false,cache:false,dataType:"script",scriptCharset:"gbk",success:function(json){
obj=json;
}
});
}catch(e){}
obj=eval("("+obj+")");
//alert(obj);
var str="";
for(var i in obj)
{
str+='<tr>'+'<th>'+prizearray[obj[i].prizeno]+'</th>'
str+='<td>'+'CD-KEY錛?/span>'+obj[i].cdkey+'</td>'
str+='<td>'+'鏈熼檺錛?/span>'+obj[i].expiratedate+'鍓?/span>'+'</td></tr>';
}
jQuery("#prizelist").append(str);
}
}
鑰屽繀欏昏繖鏍峰鐞嗭細鍗沖皢澶勭悊浠g爜鏀懼埌success鍑芥暟閲岄潰錛?/span>
function getMyPrizeList(){
if(isNotEmpty(uid)){
var obj=new Array();
try{
jQuery.ajax({type:"GET",url:"someurl",
cache:false,
dataType:"script",
scriptCharset:"gbk",
success:function(json){
try{
obj=result;
}catch(e){}
jQuery("#prizelist").html("");
var str="";
for(var i=0;i<obj.length;i++ ){
str+='<tr><th>'+prizearray[obj[i].prizeno]+'</th>';
str+='<td>CD-KEY錛?/span>'+obj[i].cdkey+'</td>';
str+='<td>鏈熼檺錛?/span>'+obj[i].expiratedate+'鍓?/span></td></tr>';
}
jQuery("#prizelist").append(str);
}
});
}catch(e){}
}
}
6. jQuery.getJSON瀹炰緥錛?/span>
//鍐呴儴鍑芥暟錛屽疄鐜板哄姟浜鴻緇嗕俊鎭殑杞藉叆銆佽緗?/span>
function innerShowDetail() {
// 鑾峰緱JSON鏍煎紡鐨勬暟鎹?/span>
$.getJSON('load.do',{id : userId}, function(json) {
// 鏍規(guī)嵁key璁劇疆value
for (key in json) {
if(key == 'id'){
$('#detailDiv #' + key).val(json[key]);
} else {
if(json[key] == ''){
// 娌℃湁鍊艱緗負絀?/span>
$('#detailDiv #' + key).html(' ');
} else if(key == 'sex'){
$('#detailDiv #' + key).html(json[key] == '0' ? '濂?/span>' : '鐢?/span>');
} else if(key == 'group'){
if(json[key] != null) {
$('#detailDiv #' + key).html(json[key]['groupName']);
}
} else {
$('#detailDiv #' + key).html(json[key]);
}
}
}
//璁劇疆瀵硅瘽妗嗘爣棰樺拰鍐呭
$('#detailDiv').removeAttr('class');
dialog.setTitle('鏌ョ湅浜哄憳[' + json['userName'] + ']璇︾粏璧勬枡');
dialog.setContent($('#detailDiv').html());
});
}
JSON(JavaScript Object Notation) 鏄竴縐嶈交閲忕駭鐨勬暟鎹氦鎹㈡牸寮忥紝閲囩敤瀹屽叏鐙珛浜庤璦鐨勬枃鏈牸寮忥紝鏄悊鎯崇殑鏁版嵁浜ゆ崲鏍煎紡銆傚悓鏃訛紝JSON鏄?/span> JavaScript 鍘熺敓鏍煎紡錛岃繖鎰忓懗鐫鍦?/span> JavaScript 涓鐞?/span> JSON鏁版嵁涓嶉渶瑕佷換浣曠壒孌婄殑 API 鎴栧伐鍏峰寘銆?br /> 鏈枃涓昏鏄JS鎿嶄綔JSON鐨勬柟娉曞仛涓嬫葷粨銆?/span>
鍦↗SON涓紝鏈変袱縐嶇粨鏋勶細瀵硅薄鍜屾暟緇勩?br />
1. 涓涓璞′互“{”錛堝乏鎷彿錛夊紑濮嬶紝“}”錛堝彸鎷彿錛夌粨鏉熴傛瘡涓?#8220;鍚嶇О”鍚庤窡涓涓?#8220;:”錛堝啋鍙鳳級錛?#8220;‘鍚嶇О/鍊?#8217; 瀵?#8221;涔嬮棿浣跨敤“,”錛堥楀彿錛夊垎闅斻?nbsp;鍚嶇О鐢ㄥ紩鍙鋒嫭璧鋒潵錛涘煎鏋滄槸瀛楃涓插垯蹇呴』鐢ㄦ嫭鍙鳳紝鏁板煎瀷鍒欎笉闇瑕併備緥濡傦細
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"}錛?nbsp;
2. 鏁扮粍鏄鹼紙value錛夌殑鏈夊簭闆嗗悎銆備竴涓暟緇勪互“[”錛堝乏涓嫭鍙鳳級寮濮嬶紝“]”錛堝彸涓嫭鍙鳳級緇撴潫銆傚間箣闂翠嬌鐢?#8220;,”錛堥楀彿錛夊垎闅斻?br />
渚嬪錛?br />
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];
涓轟簡鏂逛究鍦板鐞咼SON鏁版嵁錛?/span>JSON鎻愪緵浜?/span>json.js鍖咃紝涓嬭澆鍦板潃錛?/span>http://www.json.org/json.js
鍦ㄦ暟鎹紶杈撹繃紼嬩腑錛?/span>json鏄互鏂囨湰錛屽嵆瀛楃涓茬殑褰㈠紡浼犻掔殑錛岃?/span>JS鎿嶄綔鐨勬槸JSON瀵硅薄錛屾墍浠ワ紝JSON瀵硅薄鍜?/span>JSON瀛楃涓蹭箣闂寸殑鐩鎬簰杞崲鏄叧閿備緥濡傦細
JSON瀛楃涓?
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON瀵硅薄:
var str2 = { "name": "cxh", "sex": "man" };
涓銆?/span>JSON瀛楃涓茶漿鎹負JSON瀵硅薄
瑕佷嬌鐢ㄤ笂闈㈢殑str1錛屽繀欏諱嬌鐢ㄤ笅闈㈢殑鏂規(guī)硶鍏堣漿鍖栦負JSON瀵硅薄錛?/span>
//鐢?/span>JSON瀛楃涓茶漿鎹負JSON瀵硅薄
var obj = eval('(' + str + ')');
鎴栬?/span>
var obj = str.parseJSON(); //鐢?/span>JSON瀛楃涓茶漿鎹負JSON瀵硅薄
鎴栬?/span>
var obj = JSON.parse(str); //鐢?/span>JSON瀛楃涓茶漿鎹負JSON瀵硅薄
鐒跺悗錛屽氨鍙互榪欐牱璇誨彇錛?/span>
Alert(obj.name);
Alert(obj.sex);
鐗瑰埆娉ㄦ剰錛?/span>濡傛灉obj鏈潵灝辨槸涓涓?/span>JSON瀵硅薄錛岄偅涔堜嬌鐢?/span>eval錛堬級鍑芥暟杞崲鍚庯紙鍝曟槸澶氭杞崲錛夎繕鏄?/span>JSON瀵硅薄錛屼絾鏄嬌鐢?/span>parseJSON錛堬級鍑芥暟澶勭悊鍚庝細鏈夐棶棰橈紙鎶涘嚭璇硶寮傚父錛夈?br />
浜屻佸彲浠ヤ嬌鐢?/span>toJSONString()鎴栬呭叏灞鏂規(guī)硶JSON.stringify()灝?/span>JSON瀵硅薄杞寲涓?/span>JSON瀛楃涓層?/span>
渚嬪錛?/span>
var last=obj.toJSONString(); //灝?/span>JSON瀵硅薄杞寲涓?/span>JSON瀛楃
鎴栬?/span>
var last=JSON.stringify(obj); //灝?/span>JSON瀵硅薄杞寲涓?/span>JSON瀛楃
alert(last);
娉ㄦ剰錛?br />
涓婇潰鐨勫嚑涓柟娉曚腑錛岄櫎浜?/span>eval()鍑芥暟鏄?/span>js鑷甫鐨勪箣澶栵紝鍏朵粬鐨勫嚑涓柟娉曢兘鏉ヨ嚜json.js鍖呫?/span>鏂扮増鏈殑 JSON 淇敼浜?/span> API錛屽皢 JSON.stringify() 鍜?/span> JSON.parse() 涓や釜鏂規(guī)硶閮芥敞鍏ュ埌浜?/span> Javascript 鐨勫唴寤哄璞¢噷闈紝鍓嶈呭彉鎴愪簡 Object.toJSONString()錛岃屽悗鑰呭彉鎴愪簡 String.parseJSON()銆傚鏋滄彁紺烘壘涓嶅埌toJSONString()鍜?/span>parseJSON()鏂規(guī)硶錛屽垯璇存槑鎮(zhèn)ㄧ殑json鍖呯増鏈お浣庛?br />
鍙嬫儏鎻愰啋錛氭湰鍗氭枃绔犳榪庤漿杞斤紝浣嗚娉ㄦ槑鍑哄錛?a href="http://www.tkk7.com/hankchen">闄堟柊姹?/a>