<!DOCTYPE HTML>

<html>

<head>

<title>Demo</title>

<script type="text/javascript">

	 var xmlHttp;  

	//XmlHttpRequest对象

	function createXMLHttpRequest() {

    var xmlHttp;

    if (window.XMLHttpRequest) {  //非IE浏览器

        xmlHttp = new XMLHttpRequest();

        if (xmlHttp.overrideMimeType)

            xmlHttp.overrideMimeType('text/xml');

    } else if (window.ActiveXObject) {  //如果是IE浏览器

        try {

            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

        } catch (e) {

            try {

                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

            } catch (e) {

            }

        }

    }

    return xmlHttp;

   }  

   	function getStatusBack(){

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

            var b = xmlHttp.responseText;

            alert(b);

            console.log(b);

        }

    }

   function testGet(){

   	 xmlHttp = createXMLHttpRequest();

     var url = "http://xxx/xxx/xxx"

     xmlHttp.open("GET", url, true);// 异步处理返回

     xmlHttp.onreadystatechange = getStatusBack;   //设置回调函数

     xmlHttp.setRequestHeader("Content-Type",  "application/x-www-form-urlencoded;");

     xmlHttp.send();  //发送请求

   	}

   	function testPost(){

   		var parameter = "tidList=1"

   		 var url = "http://xxx/xxx/xxx";

   	   xmlHttp = createXMLHttpRequest();

   	   xmlHttp.open("POST", url, true);

  		 xmlHttp.onreadystatechange = getStatusBack; //设置回调函数

			 xmlHttp.setRequestHeader("Content-Type",

			 "application/x-www-form-urlencoded;");

			 xmlHttp.send(); //发送请求

   	}

</script>

</head>

<body>

		<button  onclick="testGet()">Test Get</button>

		<button  onclick="testPost()">Test Post</button>

</body>

</html>

　　

JavaScript使用XMLHttpRequest 發送GET/Post 請求的更多相关文章

  1. Flask從入門到入土(二)——請求响应與Flask扩展

    ———————————————————————————————————————————————————————————— 一.程序和請求上下文 Flask從客戶端收到請求時,要讓視圖函數能訪問一些對象 ...

  2. Linux發送郵件

    1.直接使用shell當編輯器 [root@phburdb1 mail]# mail -s "Hello World" juncai.chen@innolux.comHello j ...

  3. .NET中通過OUTLOOK發送附件內容

    最近碰到一個發送郵件附件的問題,隨便幾下來,方便以後學習. string[] files = System.IO.Directory.GetFiles(@"~/UploadData" ...

  4. html5 服務器發送事件

    html5允許頁面獲得來自服務器的更新. 單項消息傳送: 頁面獲得服務器的更新. 以前頁面也可以獲得服務器的更新,但必須詢問服務器是否有可用的更新,而服務器發送事件是單向自動發送. 使用服務器發送事件 ...

  5. .net發送郵件

    using System; using System.Collections.Generic; using System.Linq; using System.Net.Mail; using Syst ...

  6. Oracle發送email功能

    Oracle 提供一個一個UTL_SMTP,可以發送email,結合oracle本身強大的schedule功能,比寫一隻排程效率高,且更簡單. split功能 /*創建package STRING_F ...

  7. HTTP請求

    HTTP[超文本傳輸協議]是因特網上應用最為廣泛的一種網絡傳輸協議,送油的WWW文件都必須遵守這個標準. HTTP是一個基於TCP/IP通信協議來產地數據(html文件,圖片文件,查詢結果等). HT ...

  8. jquery easyui 1.3.4 datagrid pageNumber 設置導致兩次請求的解决方案

    $('#table').datagrid({ url: '/get/data/path/to/your/server', pageNumber: , pageSize: , ... }); 當手動設置 ...

  9. ionic 向後台請求json 數據 在頁面上的顯示問題

    我向服務器請求數據,獲取到的數據竟然不能顯示在頁面上  我那個氣啊..... <ul> <!-- <li ng-repeat="phone in phones&quo ...

随机推荐

  1. SQL查询语句执行速度快，存储过程执行慢

    今天一个生成10w条数据的存储过程执行了95s,但是单独执行SQL语句只需要28s,查资料后发现原来这是存储过程的机制导致的,也就是传说中的参数嗅探 网上的一段话: (1)可能是发生了参数嗅探,第一次 ...

  2. （转） 浅析HTML5在移动应用开发中的使用

    (转)浅析HTML5在移动应用开发中的使用 (原)http://www.iteye.com/magazines/67   2012-03-07  来自 UECD.163.com  编辑 wangguo ...

  3. height与line-height

    1.网页的所有元素可以分为块元素和行元素.一行文字所在的一个逻辑区域是行元素,其他的元素就都是块元素line-height只针对行元素,height针对其他所有元素 2. width,height对于 ...

  4. HTML5在VS2010中的智能提示

    按照baidu首页的方法是行不通的,于是尝试下面的方法 原文来自这里,我翻译以下   下载这个文件 this archive 并解压. 复制 html_5.xsd to D:\Program File ...

  5. 【Python】实现简单循环

    # -*- coding:utf-8 -*- #猜数字游戏 lucky_num = 6 count = 0 while count < 3: input_num = int(raw_input( ...

  6. [转]OOAD基本概念

    转载地址:http://www.cnblogs.com/zfc2201/archive/2012/12/09/2810532.html 尊重原作者,转载请注明 学习目标: 1.理解与掌握面向对象的概念 ...

  7. Android常见的控件

    1.Log类的使用 (1)Log.v()    v是verbose  提醒的意思 (2)Log.d()   d是debug调试 (3)Log.i()    i是info信息的意思 (4)Log.w() ...

  8. 内存的crash记录分析

    服务器上线之后,发生了3次crash,感觉是一次比较典型的内存bug的排错经历,所以特地记录下来供以后借鉴.下面描述一下3次crash时候的coredump的当前堆栈信息. 第一次crash的core ...

  9. LintCode MinStack

    Implement a stack with min() function, which will return the smallest number in the stack. It should ...

  10. MSP430单片机的两种SPI总线实现方式

    MSP430单片机上的SPI总线的实现方式分为两种:硬件实现和软件实现. 二者的抽象层次不同,硬件实现方式下程序员只需要完成总线协议的寄存器层,即一字节(char,8位二进制)数据,而软件实现方式下程 ...