如何用JS请求HTTP

JavaScript031

如何用JS请求HTTP,第1张

其实你完全可以采用jquery的ajax方式来读取.var result = false

var thenow = new Date()

$.ajax({

type:"POST",

url:"此处为相对路径的php文件?Time="+thenow.getMilliseconds()+"M"+thenow.getSeconds()+"",

data:{id:id},

success:function(data){

}

})

如果你不用jquery

 var xmlHttps = new Array(10) 

 var e

 var EndHtml=false

 

 //创建XMLHTTP对象

 function getXMLHTTPObj()

 {

  var C = null

  try

  {

    C = new ActiveXObject("Microsoft.XMLHTTP")

  }

  catch(e)

  {

   try

   {

    C = new ActiveXObject("Msxml2.XMLHTTP")  

   }

   catch(sc)

   {

    C = null

   }

  }

  

  if( !C && typeof XMLHttpRequest != "undefined" )

  {

   C = new XMLHttpRequest()

  }

  

  return C

 }

 

 function GetDetail(userid,id) 

 { 

   

  document.getElementById(id).innerHTML = ""

  

   

  try

  { 

   xmlHttps[id]=false

   xmlHttps[id]= getXMLHTTPObj()

   if( xmlHttps[id] )

   {

     

  

  var realUrl = "/Ajax.aspx?action="+id+"&userid=" + escape(userid)+"&date="+new Date().getTime()

 

 

    xmlHttps[id].open("get", realUrl, true)

    //设置回调函数

    xmlHttps[id].onreadystatechange = function(){updatePage(id,xmlHttps[id])} 

    //发送请求

    xmlHttps[id].send(null)

   // xmlHttps.abort()   

   }

   else

   {

   

  document.getElementById(id).innerHTML = "<font color=#ff0000>×</font>您的浏览器不支持"

   }

  }

  catch (e)

  {

  

  document.getElementById(id).innerHTML = "<font color=#ff0000>×</font> 发生异常"

  

  }

 }

<script type="text/javascript">  

    //请求函数  

    function f1(){  

        console.log('start')  

        //1.创建AJAX对象  

        var ajax = new XMLHttpRequest()  

          

        //4.给AJAX设置事件(这里最多感知4[1-4]个状态)  

        ajax.onreadystatechange = function(){  

            //5.获取响应  

            //responseText      以字符串的形式接收服务器返回的信息  

            //console.log(ajax.readyState)  

            if(ajax.readyState == 4 && ajax.status == 200){  

                var msg = ajax.responseText  

                console.log(msg)  

                //alert(msg)  

                var divtag = document.getElementById('result')  

                divtag.innerHTML = msg  

            }  

        }  

          

        //2.创建http请求,并设置请求地址  

        var username = document.getElementsByTagName('input')[0].value  

        var email = document.getElementsByTagName('input')[1].value  

        username = encodeURIComponent(username)    //对输入的特殊符号(&,=等)进行编码  

        email = encodeURIComponent(email)  

        ajax.open('get','response.php?username='+username+'&email='+email)  

          

        //3.发送请求(get--null    post--数据)  

        ajax.send(null)  

    }  

      

</script>

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

<!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>

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

完整代码,可直接贴用!