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

本文目錄一覽:

如何使用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 可能失效了!”);

}

}

});

     }

原創文章,作者:XCKZ,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/140668.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
XCKZ的頭像XCKZ
上一篇 2024-10-04 00:24
下一篇 2024-10-04 00:24

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • 解析js base64並轉成unit

    本文將從多個方面詳細介紹js中如何解析base64編碼並轉成unit格式。 一、base64編碼解析 在JavaScript中解析base64編碼可以使用atob()函數,它會將b…

    編程 2025-04-29
  • Node.js使用Body-Parser處理HTTP POST請求時,特殊字元無法返回的解決方法

    本文將解決Node.js使用Body-Parser處理HTTP POST請求時,特殊字元無法返回的問題。同時,給出一些相關示例代碼,以幫助讀者更好的理解並處理這個問題。 一、問題解…

    編程 2025-04-29
  • python爬取網頁並生成表格

    本文將從以下幾個方面詳細介紹如何使用Python爬取網頁數據並生成表格: 一、獲取網頁數據 獲取網頁數據的一般思路是通過HTTP請求獲取網頁內容,最常用的方式是使用Python庫r…

    編程 2025-04-28
  • 網頁防篡改的重要性和市場佔有率

    網頁防篡改對於保護網站安全和用戶利益至關重要,而市場上針對網頁防篡改的產品和服務也呈現出不斷增長的趨勢。 一、市場佔有率 據不完全統計,目前全球各類網頁防篡改產品和服務的市場規模已…

    編程 2025-04-28
  • t3.js:一個全能的JavaScript動態文本替換工具

    t3.js是一個非常流行的JavaScript動態文本替換工具,它是一個輕量級庫,能夠很容易地實現文本內容的遞增、遞減、替換、切換以及其他各種操作。在本文中,我們將從多個方面探討t…

    編程 2025-04-28
  • Python編程實戰:用Python做網頁與HTML

    Python語言是一種被廣泛應用的高級編程語言,也是一種非常適合於開發網頁和處理HTML的語言。在本文中,我們將從多個方面介紹如何用Python來編寫網頁和處理HTML。 一、Py…

    編程 2025-04-28
  • Python爬取網頁信息

    本文將從多個方面對Python爬取網頁信息做詳細的闡述。 一、爬蟲介紹 爬蟲是一種自動化程序,可以模擬人對網頁進行訪問獲取信息的行為。通過編寫代碼,我們可以指定要獲取的信息,將其從…

    編程 2025-04-28
  • 使用JavaScript日期函數掌握時間

    在本文中,我們將深入探討JavaScript日期函數,並且從多個視角介紹其應用方法和重要性。 一、日期的基本表示與獲取 在JavaScript中,使用Date對象來表示日期和時間,…

    編程 2025-04-28
  • JS圖片沿著SVG路徑移動實現方法

    本文將為大家詳細介紹如何使用JS實現圖片沿著SVG路徑移動的效果,包括路徑製作、路徑效果、以及實現代碼等內容。 一、路徑製作 路徑的製作,我們需要使用到SVG,SVG是可縮放矢量圖…

    編程 2025-04-27

發表回復

登錄後才能評論