麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

js jquery ajax的幾種用法總結(及優缺點介紹)

2019-11-20 21:11:10
字體:
來源:轉載
供稿:網友

這篇文章,是我不知道什么是ajax到熟練運用ajax的一個歷程。

一,最原始的方式來運用ajax

復制代碼 代碼如下:

<SCRIPT language=javascript>
var xmlHttp;

function createXMLHttpRequest() {

if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}

//定義了一個ajax的入口函數,供用view層用戶調用

function show_type(type_id) {
// alert(id);
createXMLHttpRequest();
var url = "../ajax/shop_type_status.php?id="+type_id+"&time="+Math.random();
xmlHttp.open("GET", url, true);

xmlHttp.onreadystatechange = function(){ show_back();}
xmlHttp.send(null);
}

//回調函數,將從調用的php文件中取得的數據,反還給用戶

function show_back() {

if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
//document.getElementById('cat_id').value = id;
document.getElementById('type_status').innerHTML = xmlHttp.responseText;
}
}
}
</SCRIPT>


個人分析:這種方法挺好的,簡單靈活,但是有一點不好,就是冗余代碼比較多,不利于后期維護。

二,js端封裝的ajaxrequest

這個東西,對于習慣了用javascript的人來說,是一個不錯的選擇,它是裝上面所說的那種方法簡單的封裝了一下,做了統一的調用。感覺不錯,代碼挺多的就不貼出來了,大家可以到google搜ajaxrequest。

//ajaxrequest.js里面有一個這個方法這個方法是供view端調用的接口,接口可以有多個,根據情況自己加

復制代碼 代碼如下:

function ajax_action_fun(url,fun) {
var ajax=new AJAXRequest;
ajax.get(
url,
function(obj){alert(obj.responseText);fun()}
);
}

//html里面調用這個接口
get_shop_son_list   //是回調后執行的方法名

ajax_action_fun("../ajax/shop_ajax.php?type=1",get_shop_list);

function get_shop_list(resValue){
//這里就是你要的操作
}


個人分析:它彌補了第一種方法的不足,統一調用接口,可以設置回調函數,缺點如果有的話,不在ajaxrequest本身而在于javascript,舉個例子吧

javascript:如果我想調用ajax_action_fun這個方法我要在html里加個東西

<a class="showshop" href='javascript:' onclick=ajax_action_fun("../ajax/shop_ajax.php?type=1",get_shop_list);>顯示店</a>

jquery:用它可以盡量把js和html分開,這對于后期維護是很幫助的,會節省很多時間,例如,全站換html;

$(".showshop").bind("click", {url: "../ajax/shop_ajax.php?type=1",function:get_shop_list}, ajax_action_fun);
這樣就可以不用在html里面寫onclick事件了

三,jquery的ajax
1)

復制代碼 代碼如下:

$.ajax({
   type: "POST",
   url: "test.php",           //調用的php文件
   data: "name=zhang",
   success: function(msg){            //回調函數
     alert( "Data Saved: " + msg );       //這里是操作
   }
 });

2)
//調用test.php文件,傳個參數,data是返回的數據
復制代碼 代碼如下:

$.post("test.php", { name: "zhang"},
   function(data){
     alert("Data Loaded: " + data);
   });

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 成人在线视频黄色 | 哪里可以看免费的av | 精国产品一区二区三区 | 一色桃子av大全在线播放 | 看片一区二区三区 | 精品国产一区三区 | 91精品久久久久久久久久久 | 欧美hdfree性xxxx| 国产呻吟 | 成人福利视频网站 | 久久久久久久亚洲精品 | 黑人操穴 | 精品一区二区三区免费看 | 日韩视频一区二区三区四区 | 亚洲天堂在线电影 | 黄wwww| 91福利国产在线观一区二区 | 蜜桃网在线观看 | 曰韩黄色片 | 一级黄色影院 | 久久成人视屏 | 一级电影免费看 | 日韩黄色免费电影 | 欧美性生交大片 | 毛片电影在线看 | 最新黄色电影网站 | 国产精品久久久久久久久粉嫩 | 视频一区二区精品 | 亚洲一区在线免费视频 | 做爰xxxⅹ性护士hd在线 | 老女人碰碰在线碰碰视频 | 97超碰资源站 | 国产精品99久久久久久久vr | 国产精品99久久久久久宅女 | 国产精品资源手机在线播放 | 一级视频在线播放 | 久久久久中文字幕 | 欧美一级毛片特黄黄 | 欧美精品一区二区中文字幕 | 九九热视频免费观看 | 午夜在线视频一区二区三区 |