Jquery是一種非常流行的JavaScript庫,廣泛應用于前端開發,尤其是在處理ajax請求方面更是得心應手。其中ajax中的open方法就是很重要的一個方法,用于打開HTTP請求。
$.ajax({ url: "test.html", //請求的url地址 type: "GET", //請求方式,get或post data: {param1: "value1", param2: "value2"}, //請求參數 success: function(response){ //請求成功回調函數 $(‘#myDiv’).html(response); }, error: function(err){ //請求失敗回調函數 console.log(err); }, beforeSend:function(xhr){ //請求之前回調函數 xhr.setRequestHeader(‘key’,‘value’); } });
在上述代碼中,open方法并沒有直接體現出來。事實上,在源碼中,$.ajax這個方法會執行一個$.ajaxSetup方法,其中會設置一個默認的參數集,其中就包含了open方法中的參數,如下所示:
xhr.open( settings.type, settings.url, settings.async, settings.username, settings.password );
這里的open方法中的參數依次為:請求方式,請求的url地址,是否異步請求(默認為true),用戶名和密碼(如果有的話)。
如果手動調用open方法,代碼如下:
var xhr = new XMLHttpRequest(); //創建一個XMLHttpRequest對象 xhr.open("GET","test.html",true); //打開一個GET請求 xhr.send(null); //發送請求
這里,我們首先創建了一個XMLHttpRequest對象,然后調用open方法打開了一個GET請求,并最后通過send方法發送了請求。