<!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. Ubuntu下libpcap安装

    1.首先按下面的博客教程下载和安装四个软件包: 点击打开链接 2.这四个软件都安装好之后按下面教程新建Makefile文件和test.c文件: 点击打开链接 Makefie: all: test.c ...

  2. CSS过滤器

    CSS过滤器(CSS filters)最初是为了向SVG矢量图提供不同的图片效果.现在,CSS filters 不在局限于在SVG中使用,也可以在图片.文字和其它元素上使用.CSS过滤器效果并不难理解 ...

  3. spring mvc 获取页面日期格式数据

    1.传递日期参数: 解决办法: 实体类日期属性加 @DateTimeFormat(pattern="yyyy-MM-dd") 注解 beans中加 <mvc:annotati ...

  4. 【RobotFramework】Selenium2Library类库关键字使用说明

    Add CookieArguments:[ name | value | path=None | domain=None | secure=None | expiry=None ]Adds a coo ...

  5. ThinkPHP_基础（1）目录结构

    (说明:文中的颜色一一对应) 目录结构 www WEB部署目录(或者子目录) ├─index.php 入口文件 ├─README.md README文件 ├─composer.json Compose ...

  6. 简单的URL解析

    简单的URL解析,直接举例说明了 function getUrl(){ //如果存在则取到来后面的参数,注意,?不需要取出,substring从1开始,否则取""; var qs ...

  7. 提升Nginx+PHP-FPM性能技巧

    /etc/php-fpm.d 2.1进程数   php-fpm初始/空闲/最大worker进程数      pm.max_children = 300      pm.start_servers = ...

  8. php 删除一段字符串的中的中文

    <?php header('Content-type:text/html;charset=utf-8'); function p($arr){ echo "<pre>&qu ...

  9. XmlSerializer(Type type, Type[] extraTypes) 内存泄漏

    在使用XmlSerializer进行序列化或者反序列的时候,对于下面的两个构造方法 XmlSerializer(Type)XmlSerializer.XmlSerializer(Type, Strin ...

  10. Sublime Text 3 简体中文汉化包

    Sublime Text 3下载 不用说是上官方下载地址:http://www.sublimetext.com/3 Sublime Text 3 简体中文汉化包使用方法 1.将上面要求下载的subli ...