js ajax请求

var XMLHttpReq;
function createXMLHttpRequest() {
    try {
        XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP
    }
    catch(E) {
        try {
            XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE低版本创建XMLHTTP
        }
        catch(E) {
            XMLHttpReq = new XMLHttpRequest();//兼容非IE浏览器,直接创建XMLHTTP对象
        }
    }  

}
function sendAjaxRequest(url) {
    createXMLHttpRequest();                                //创建XMLHttpRequest对象
    XMLHttpReq.open("post", url, true);
    XMLHttpReq.onreadystatechange = processResponse; //指定响应函数
    XMLHttpReq.send(null);
}
//回调函数
function processResponse() {
    if (XMLHttpReq.readyState == 4) {
        if (XMLHttpReq.status == 200) {
            var text = XMLHttpReq.responseText;  

            /**
             *实现回调
             */
            text = window.decodeURI(text);
            var cp = document.getElementById("cp");
            cp.innerHTML = "";
            var values = text.split("|");
            for (var i = 0; i < values.length; i++) {
                var temp = document.createElement("option");
                temp.text = values[i];
                temp.value = values[i];
                cp.options.add(temp);
            }  

        }
    }  

} 
时间: 2024-10-09 13:27:11

js ajax请求的相关文章

js ajax请求传token

js  ajax请求传token 方法一: headers: { Authorization: "BasicAuth " + token } 方法二: beforeSend: function (xhr) { xhr.setRequestHeader('Authorization', 'BasicAuth ' +token); } 原文地址:https://www.cnblogs.com/zlp520/p/9645951.html

当跨域时,js ajax 请求出现options请求

上面有文章说过http的options. 查了很久.试了很多版本的jQuery,下面这段代码在同事的机子上测试是没有问题的.正常 的请求, 一在我机子上面就会出现option,网上说先向服务器预检等.为什么在同事的机子上面是正常的呢..最后查出原因.是我在html页面还引入了一个全局的js文件,里面有一个全局配置crossDomain:false,于是我在ajax请求是加上crossDomain:true,就OK了..让其请求是跨域请求. postdata:function(t,i){ var

使用js+Ajax请求API接口数据-带请求头方式

先上代码: <script type="text/javascript"> function zLoginCheck() { var Account = 'admin; var Password = 'DC483E80A7A0BD9EF71D8CF973673924'; var str = { Account: Account, Password: Password } $.ajax({ type: "POST", url: '/Handle/zLogi

js ajax请求流程

<input type="button" name="btn" id="btn" value="按钮" /> JS //点击按钮弹出1.txt的内容var oBtn=document.getElementById("btn"); oBtn.onclick=function(){ //打开浏览器 /* 1.创建一个ajax对象 ie6以下new ActiveXObject('Microsoft.X

JS ajax请求 formData传参方式

1 $("#importBtn").click(function(){ 2 if($("#conId").val() == ""){ 3 alert("请填写Id"); 4 return; 5 } 6 if($("#fromWhere").val() == ""){ 7 alert("请填写简称"); 8 return; 9 } 10 if($("#impo

解决nockout.js Ajax请求返回的结果,Model不能更新

由于Ajax返回之后需要重新问nockout相关属性赋值,首先属性应该被定义为observable属性,在Ajax返回值之后需要重新bind,代码如下: <script type="text/javascript"> function ViewModel() { var self = this; self.email = ko.observable(); self.password = ko.observable(); self.username = ko.observab

原生JS Ajax 请求

var username = document.getElementById('username').value; var password = document.getElementById('password').value; // 第一步:创建对象 var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else{ xhr = new ActiveXObject("Microsoft.XMLHTTP&q

JS/Jquery:jquery封装ajax请求。

jquery提供了ajax请求,但这个写起来很繁琐,所以我在项目里对其进行了简单封装,为了用起来方便嘛~~~~~ 以后每次都引入这个js文件就可以了: 下面是代码部分: base.js //ajax请求 var ajaxRequest = function () { }; ajaxRequest.prototype = { //初始化设置 url : '', dataType : 'json', data:'', //初始化ajax参数 setUp : function(){ $.ajaxSet

论如何把JS踩在脚下 —— JQuery基础及Ajax请求详解

一.什么是JQuery? JQuery是一种JavaScript框架,是一堆大神搞出来的能够让前端程序猿敲更少代码.实现更多功能的工具(在此,跪谢各位JQuery开发大大们!!!).JQuery的使用给优化HTML文档操作.事件处理.动画设计和Ajax交互提供了巨大的便利.而且,其特有的链式语法也较与JS更为清晰. 二.JQuery入门 想要使用JQuery框架,就必须在html文档中导入JQuery插件,导入方式和日常导入外部JS文件的方式是相同的.但要注意,在同一html文档中插入多个外部J