js發送網頁請求,javascript怎麼向網頁發送請求

本文目錄一覽：

• 1、如何使用js向指定一個網站發送一個帶參數的post請求
• 2、如何用javaScript發送一個網頁請求？
• 3、js怎麼發送http請求

如何使用js向指定一個網站發送一個帶參數的post請求

/*

* 1 創建XMLHttpRequest對象 */

var xhr = ajaxFunction();

/*

* 2 服務器向瀏覽器響應請求

*

* readyState 屬性表示Ajax請求的當前狀態。它的值用數字代表。

0 代表未初始化。 還沒有調用 open 方法

1 代表正在加載。 open 方法已被調用，但 send 方法還沒有被調用

2 代表已加載完畢。send 已被調用。請求已經開始

3 代表交互中。服務器正在發送響應

4 代表完成。響應發送完畢

常用狀態碼及其含義：

404 沒找到頁面(not found)

403 禁止訪問(forbidden)

500 內部服務器出錯(internal service error)

200 一切正常(ok)

304 沒有被修改(not modified)(服務器返回304狀態，表示源文件沒有被修改 ) */

xhr.onreadystatechange = function(){

alert(xhr.readyState); //alert(xhr.status);

if(xhr.readyState==4){ if(xhr.status==200||xhr.status==304){

var data = xhr.responseText;

alert(data);

}

}

}

/*

* 3 瀏覽器與服務器建立連接

*

* xhr.open(method, url, asynch);

* * 與服務器建立連接使用

* * method：請求類型，類似 “GET”或”POST”的字符串。

* * url：路徑字符串，指向你所請求的服務器上的那個文件。請求路徑

* * asynch：表示請求是否要異步傳輸，默認值為true(異步)。 */

xhr.open(“POST”,”../testServlet?timeStamp=”+new Date().getTime()+”c=18″,true);

//如果是POST請求方式，設置請求首部信息

xhr.setRequestHeader(“Content-type”,”application/x-www-form-urlencoded”);

/*

* 4 瀏覽器向服務器發送請求

*

* send()方法：

* * 如果瀏覽器請求的類型為GET類型時，通過send()方法發送請求數據，服務器接收不到

* * 如果瀏覽器請求的類型為POST類型時，通過send()方法發送請求數據，服務器可以接收 */

xhr.send(“a=6b=9”); //xhr.send(null);

如何用javaScript發送一個網頁請求？

看你跟其它用戶的交流，大概的意思就是在打開頁面的時候，發送一次頁面請求，請看代碼：

!DOCTYPE HTML

html

head

    meta charset=”UTF-8″/

    titleDemoJavascript/title

/head

script type=”text/javascript” src=”

body

div

This is your code.

/div

/body

script type=”text/javascript”

$(document).ready(function(){

var url = ‘htttp://

// 這是你要發送請求的URL地址

setTimeout(function(){

// post前需要引入jQuery庫

$.post(url, {data:data}, function(r){ // data是你發送請求時傳遞的參數（Json格式）

/**

 * function裡面的r是你發送請求後，返回的參數

 * 比如你發送請求後，返回status=1，info=’Hello World！’;

 * 返回後輸出格式：

 * if(r.status == 1){

 *  alert(r.info);

 * }else{

 *  …..

 * }

 */

}, ‘json’);

}, 1000); // 1000是指：打開頁面後1秒鐘執行function裡面的操作

});

/script

/html

代碼內的鏈接地址被過濾掉了，你看看下面這張圖

完整代碼，可直接貼用！

js怎麼發送http請求

jquery的post請求不能跨域。可以用get方式發送。

//jquery-1.8.3.min.js

     function testJQsend(){

       var host1=””;

       $.ajax({

url: host1,

data:{

“appid”:”123456″,

                “bucket”:”test”,

                “url”:””

},

timeout:3000,

dataType: “jsonp”,

complete: function(response, textStatus) {

if(response.status == 404) {

  alert(“請求失敗！”);

}else if(response.status == 200){

  alert(“響應狀態碼：” + response.status + “\n響應信息： ” + textStatus + “\nURL狀態正常！”);

}else {

  alert(“響應狀態碼：” + response.status + “\n響應信息： ” + textStatus + “\nURL 可能失效了！”);

}

}

});

     }