如何用javaScript发送一个网页请求?

JavaScript036

如何用javaScript发送一个网页请求?,第1张

看你跟其它用户的交流,大概的意思就是在打开页面的时候,发送一次页面请求,请看代码:

<!DOCTYPE HTML>

<html>

<head>

    <meta charset="UTF-8"/>

    <title>DemoJavascript</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>

代码内的链接地址被过滤掉了,你看看下面这张图

完整代码,可直接贴用!

/*

* 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=6&b=9") //xhr.send(null)