JavaScript使用XMLHttpRequest 發送GET/Post 請求

时间：2022-12-17 16:15:22
<!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從入門到入土&lpar;二&rpar;——請求响应與Flask扩展

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

  2. Linux發送郵件

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

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

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

  4. html5 服務器發送事件

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

  5. &period;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&period;3&period;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. C语言猜数字游戏

    猜数字游戏,各式各样的实现方式,我这边提供一个实现方式,希望可以帮到新手. 老程序猿就不要看了,黑呵呵 源代码1 include stdio.h include stdlib.h include ti ...

  2. 【代码笔记】iOS-图片旋转

    代码: RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewControl ...

  3. 解决win10卡顿现象

    前两天打开了windows defender,想着既然是window自带的防护工具,应该效果不错.经过测试之后 ,发现这个要占用很大内存,得不偿失.如果想要保证系统安全,甚至腾讯电脑管家做的都比这个w ...

  4. iPhone的刷机 iPhone进UDF

    首先是进入udf出现问题.. 要点是 黑屏后按电源键到屏幕亮了+HOME键再一直按 按到黑屏 4秒左右后 放开HOME键 再按大概7秒就是udf界面了 不是界面~全黑的.你可以电源键是开不了机的. 然 ...

  5. face detection&lbrack;Multi-view face detection&amp&semi;&amp&semi; MTCNN&rsqb;

    因为这两篇论文感觉内容较短,故而合并到一个博文中. Multi-view face detection 本文来自<Multi-view Face Detection Using Deep Con ...

  6. flask-sqlalchemy组件

    一.简介 flask本身没有内置orm框架,需要依赖第三方模块,这里介绍flask-sqlalchemy,而flask-sqlalchemy是一个flask的扩展,本质上是对sqlalchemy的进一 ...

  7. 04-树6 Complete Binary Search Tree（30 分）

    title: 04-树6 Complete Binary Search Tree(30 分) date: 2017-11-12 14:20:46 tags: - 完全二叉树 - 二叉搜索树 categ ...

  8. Linux下Shell命令加减乘除计算

    使用 expr命令 (其中做乘的时候*号要用斜杠进行转义) 除以 [hadoop-user@hadoop1]$ echo `expr 9 / 3`             3加 [hadoop-use ...

  9. sqlserver 建表语句，获取建表语句的存储过程，包括排序规则，索引，字段说明，支持同时生成多个表

    先创建一个分割表名的分割函数 --表值函数用以截取字符串 --如果为其添加一列主键id,则其顺序就会固定了 create FUNCTION [Split](@text NVARCHAR(max)) ) ...

  10. Junit&plus;ant&plus;JaCoCo集成使用

    接上文,本文主要介绍Junit+ant+JaCoCo集成使用 1.工具的下载上传 需要的工具有: apache-ant-1.10.5-bin.tarapache-tomcat-8.0.50.tarja ...

相关文章