Ajax 手写JS

最新推荐文章于 2023-09-05 21:56:43 发布
最新推荐文章于 2023-09-05 21:56:43 发布
阅读量414 收藏
点赞数
分类专栏： 脚本语言 开发心得 文章标签： ajax string function xmlhttprequest url null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/badyue/article/details/5321457
版权

var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
 
    mesdivs = mesdiv;
    httpRequest = false;
    if (window.XMLHttpRequest) {
        httpRequest = new XMLHttpRequest();
        if (httpRequest.overrideMimeType) {

        }
    }
    else if (window.ActiveXObject) {

        try {

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

        }
        catch (e) {

            try {

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

            }
            catch (e) {
            }
        }
    }

    if (!httpRequest) {

        window.alert("no");
    }

    if (mesdivs == "sendmes") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    alert(string);

                    window.parent.document.location.reload();

                }
            }
        }
    }
    if (mesdivs == "addit") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    alert(string);

                    location.reload();

                }
            }
        }
    }
    if (mesdivs == "addclick") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                }
            }
        }
    }
    if (mesdivs == "confirm") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    alert(string);

                    location.reload();

                }
            }
        }
    }
    if (mesdivs == "AddReply") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {               
                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    sendRequest("/DataAccess/getComments.aspx?id=" + parent.document.getElementById("Hidden1").value, "getComments");
                    alert(string);
                    SetWinHeight(document.getElementById("win"));
                }
            }
        }
    }
  
      if (mesdivs == "addFTopic") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                    if (string == "0") {
                        alert("提交内容成功!");
                        location.href = "topic-father.aspx";
                    }
                    else if (string == "1") {
                        alert("提交内容失败");
                    }
                    else {
                        alert("提交内容失败");
                    }
                }
            }
        }
    }
    if (mesdivs == "addMTopic") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;
                    if (string == "0") {
                        alert("提交内容成功!");
                        location.href = "topic-mother.aspx";
                    }
                    else if (string == "1") {
                        alert("提交内容失败");
                    }
                    else {
                        alert("提交内容失败");
                    }
                }
            }
        }
    }
    if (mesdivs == "addWTopic") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                    if (string == "0") {
                        alert("提交内容成功!");
                        location.href = "topic_wedding.aspx";
                    }
                    else if (string == "1") {
                        alert("提交内容失败");
                    }
                    else {
                        alert("提交内容失败");
                    }
                }
            }
        }
    }
    if (mesdivs == "getComments") {
        httpRequest.onreadystatechange = function() {       
            if (httpRequest.readyState == 4) {               
                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    document.getElementById("DivContent").innerHTML = string;


                }
            }
        }
    }
    if (mesdivs == "getComments2") {
        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    document.getElementById("DivContent").innerHTML = string;


                }
            }
        }
    }

    if (mesdivs == "viewCart2") {
        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {
                alert(ttpRequest.status);
                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    document.getElementById("divs").innerHTML = string;


                }
            }
        }
    }
    if (mesdivs == "getCareobject") {
        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    document.getElementById("info1").innerHTML = string;


                }
            }
        }
    }
    if (mesdivs == "getReminder") {
        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    document.getElementById("info2").innerHTML = string;


                }
            }
        }
    }
    if (mesdivs == "getLogin") {
        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {
                    alert(url);
                    var string = httpRequest.responseText;
                    alert(string);
                    document.getElementById("divproInfo").innerHTML = string;


                }
            }
        }
    }
    if (mesdivs == "addProCookie") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {              
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                }
            }
        }
    }
    if (mesdivs == "getCollData") {
        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                    if (string == "0") {
                        alert("您还没有登录!");
                        parent.hideWinLay();
                    }
                    else if (string == "1") {
                        alert("收藏成功!");
                        parent.hideWinLay();
                    }
                    else if (string == "2") {
                        alert("收藏失败!");
                        parent.hideWinLay();
                    }
                    else if (string == "99") {
                        alert("收藏失败!");
                        parent.hideWinLay();
                    }
                    else {
                        alert("您已经收藏该礼品!");
                        parent.hideWinLay();
                    }
                }
            }
        }
    }
    if (mesdivs == "getWishData") {
        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                    if (string == "0") {
                        alert("您还没有登录!");
                        parent.hideWinLay();
                    }
                    else if (string == "1") {
                        alert("添加愿望成功!");
                        parent.hideWinLay();
                    }
                    else if (string == "2") {
                        alert("添加愿望失败!");
                        parent.hideWinLay();
                    }
                    else if (string == "99") {
                        alert("添加愿望失败!");
                        parent.hideWinLay();
                    }
                    else {
                        alert("您已经将该礼品添加到我的愿望!");
                        parent.hideWinLay();
                    }
                }
            }
        }
    }
    if (mesdivs == "getproInfo") {

        httpRequest.onreadystatechange = function() {
            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;                   
                    document.getElementById("tab_Recom").innerHTML = string;
                }
            }
        }
    }
    if (mesdivs == "getHotPro") {

        httpRequest.onreadystatechange = function() {
            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;                  
                    document.getElementById("divhotpro").innerHTML = string;
                }
            }
        }
    }
  
    if (mesdivs == "BindMobile") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;

                    document.getElementById("HiddenField1").value = string;
                    St();


                }
            }
        }
    }
    if (mesdivs == "sendTel") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;
                    if (string == "0") {
                        alert("您的用户名或手机错误!");
                    }
                    else if (string == "1") {
                        location.href = "getpass_2_mobile.aspx";
                    }
                    else if (string == "3") {
                        alert("验证码错误!");
                    }
                    else {
                        alert("发送失败，请联系客服！");
                    }
                }
            }
        }
    }
    if (mesdivs == "sendPayTel") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                    if (string == "0") {
                        location.href = "getPaypass_3.aspx";
                    }
                    else if (string == "1") {
                        location.href = "../reg/wrong.htm";
                    }
                    else {
                        location.href = "www.guanxin.com";
                    }
                }
            }
        }
    }
    if (mesdivs == "sendEmail") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;
                    if (string == "0") {
                        alert("您的邮箱或用户名错误!");
                    }
                    else if (string == "1") {
                        location.href = "getpass_2_email.aspx";
                    }
                    else if (string == "3") {
                        alert("验证码错误!");
                    }
                    else {
                        alert("发送失败，请联系客服！");
                    }
                }
            }
        }
    }
    if (mesdivs == "sendPayEmail") {

        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {

                if (httpRequest.status == 200) {

                    var string = httpRequest.responseText;
                    if (string == "0") {
                        location.href = "getPaypass_3.aspx";
                    }
                    else if (string == "1") {
                        location.href = "../reg/wrong.htm";
                    }
                    else {
                        location.href = "www.guanxin.com";
                    }
                }
            }
        }
    }
    if (mesdivs == "handledTel") {
        httpRequest.onreadystatechange = function() {
            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                    if (string != "0") {
                        location.href = "getpass_3.aspx?name=" + string;
                    }
                    else {
                        alert("error");
                    }
                }
            }
        }
    }
    if (mesdivs == "handledEmail") {
        httpRequest.onreadystatechange = function() {
            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                    if (string != "0") {
                        location.href = "getpass_3.aspx?name" + string;
                    }
                    else {
                        alert("error");
                    }
                }
            }
        }
    }
    if (mesdivs == "handledPay") {
        httpRequest.onreadystatechange = function() {
            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    var string = httpRequest.responseText;
                    if (string == "0") {
                        location.href = "../reg/right.htm";
                    }
                    else {
                        location.href = "../reg/wrong.htm";
                    }
                }
            }
        }
    } 
    else if (mesdivs == "th") {
        httpRequest.onreadystatechange = function() {

            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    $("ListBox3").options.length = 0;

                    var string = httpRequest.responseText;
                    var str = new Array();
                    str = string.split("|");
                    for (d = 0; d < str.length; d++) {
                        var se = new Array();
                        se = str[d].split(",");

                        jsAddItemToSelect($("ListBox3"), se[1], se[0]);
                    }
                }
            }
        }

 

    }
    httpRequest.open('get', url, true);
    httpRequest.send(null);
}


function GetFirst(a) {

    if (a == "se") {
        //$("daZhongXiao").innerHTML=$("ListBox1").item.innerText;
        $("HiddenField1").value = $("ListBox1").value;
        sendRequest("/dataAccess/getsecondtype.aspx?name=" + $("ListBox1").value + "&type=" + a, a);
    }
    else if (a == "th") {//$("daZhongXiao").innerHTML=$("daZhongXiao").innerHTML+">>"+$("ListBox2").value;
        $("HiddenField2").value = $("ListBox2").value;
        sendRequest("/dataAccess/getsecondtype.aspx?name=" + $("ListBox2").value + "&type=" + a, a);
    }
    else {//$("daZhongXiao").innerHTML=$("daZhongXiao").innerHTML+">>"+$("ListBox3").value;
        $("HiddenField3").value = $("ListBox3").value;
    }
}
function $(a) {
    return document.getElementById(a);
}
function jsSelectIsExitItem(objSelect, objItemValue) {
    var isExit = false;
    for (var i = 0; i < objSelect.options.length; i++) {
        if (objSelect.options[i].value == objItemValue) {
            isExit = true;
            break;
        }
    }
    return isExit;
}

function jsAddItemToSelect(objSelect, objItemText, objItemValue) {

    if (jsSelectIsExitItem(objSelect, objItemValue)) {

    }
    else {
        var varItem = new Option(objItemText, objItemValue);
        //      objSelect.options[objSelect.options.length] = varItem;
        objSelect.options.add(varItem);

    }
}

function jsRemoveItemFromSelect(objSelect, objItemValue) {
    if (jsSelectIsExitItem(objSelect, objItemValue)) {
        for (var i = 0; i < objSelect.options.length; i++) {
            if (objSelect.options[i].value == objItemValue) {
                objSelect.options.remove(i);
                break;
            }
        }

    }
    else {
    }
}

function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {
    if (jsSelectIsExitItem(objSelect, objItemValue)) {
        for (var i = 0; i < objSelect.options.length; i++) {
            if (objSelect.options[i].value == objItemValue) {
                objSelect.options[i].text = objItemText;
                break;
            }
        }
    }
    else {
    }
}
function jsSelectItemByValue(objSelect, objItemText) {
    var isExit = false;
    for (var i = 0; i < objSelect.options.length; i++) {
        if (objSelect.options[i].text == objItemText) {
            objSelect.options[i].selected = true;
            isExit = true;
            break;
        }
    }
    if (isExit) {
    }
    else
    { }
}
 

badyue
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
最简单的ajax html
10-13
简单的ajax html
ajax全集参考手册
04-12
ajax全集参考手册欢迎大家下载查看使用 里边有五个相关文档
HTML+AJAX(手写ajax)显示数据库数据
07-12
主要针对AJAX初学者，ajax+html+C#(完全手写AJAX),将C#后置代码从数据库中获取的数据显示在HTML中。实现局部刷新。
手写一个ajax
webblock的博客
08-08 99
准备工作： 新建一个文件夹 文件夹里有两个文件 beload.txt文件 ajax.html文件 txt文件里添加任意文本即可 ajax.html文件内容 <body> <button onclick="load()">加载</button> <body> <script> function load(){ var xhr = new XMLHttpRequest(); //创建一个xhr xhr.open("GET","./beload.
Ajax详解参考文档
weixin_44260420的博客
06-26 2883
Asynchronous Javascript And XML（可扩展标记语言），AJAX 不是一门的新的语言，而是对现有持术的综合利用。客户端渲染； 本质:是在HTTP协议的基础上以异步的方式通过XMLHttpRequest对象与服务器进行通信。 作用：可以在页面不刷新（局部刷新）的情况下，请求服务器，局部更新页面的数据； 异步（Asynchronous）：指某段程序执行时不会阻塞其它程序执行，...
JavaScript手写简版ajax
最新发布
weixin_43790019的博客
09-05 338
翻译过来就是“异步的 Javascript 和 XML”。MDN中对ajax介绍：异步 JavaScript 和 XML或 Ajax 本身不是一种技术，而是一种将一些现有技术结合起来使用的方法，包括：HTML 或 XHTML、CSS、JavaScript、DOM、XML、XSLT、以及最重要的 XMLHttpRequest 对象。所以 Ajax 是一个技术统称，是一个概念模型，它囊括了很多技术，并不特指某一技术。它的特点是：局部刷新页面，无需重载整个页面。
ajax手写 ajax 函数 js文件1.JS
02-03
ajax手写 ajax 函数 js文件
js代码-手写AJAX
07-14
**JavaScript（JS）是Web开发中的重要组成部分，用于实现客户端的动态交互。AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下，能够更新部分网页的技术。本篇文章将详细探讨如何手写AJAX...
js代码-手写Ajax
07-14
在JavaScript的世界里，Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不刷新整个页面的...通过分析和理解这两个文件，你可以更深入地了解如何在JavaScript中手写Ajax实现异步数据交互。
ajax 参考
08-16 79
http://jquery.malsup.com/form/#html 转载于:https://www.cnblogs.com/xfdmb/p/5777820.html
AJAX入门参考（最重要的是思想）
读过几年书
09-24 90
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术： Ajax（Asynchronous JavaScript + XML）的定义 基于web标准（standards-based presentation）XHTML+CSS的表示； 使用 D...
JS 取得当前时间日期
热门推荐
04-12 1万+
var myDate = new Date();    myDate.getYear();       //获取当前年份(2位)    myDate.getFullYear();   //获取完整的年份(4位,1970-????)    myDate.getMonth();      //获取当前月份(0-11,0代表1月)    myDate.getDate();       //获取当前日(1
JS GridView
06-28 1794
/*--------------------------------------------------  * Class:       GridView  * @Parameter:  container   控件容器  * @Parameter:  datasource  数据源(类型为DataTable)  * @Parameter:  TableId     数据容器ID  *------
面对万恶的IE 对TBODY 只读,而且不能设置INNERHTML的解决办法
10-09 1189
在FF下 document.getElementById("tbody1").innerHTML="";是正常  但在IE下就不行了 我们这样办     function $MC$(ID) { return document.getElementById(ID); }
shopNC 2.4 店铺 没有支付方式 的解决方案
10-13 1035
哎,官方授权是可以的 但是咱们吊丝,,,你们懂的 下面是方式 : ShopCN/Model/payment.model.php 第23行 $result = readDirList($payment_dir); 改为 $result = array();//readDirList($payment_dir);    $handle=opendir($payment_dir);
两个简单的分页SQL过程
02-17 518
create proc Page(@PageIndex int)as declare @page intdeclare @sql varchar(1000)set @page=@PageIndex*5set @sql=select top 5 Brand.BrandID,Brand.BrandName,Brand.HtmlUrl,Brand.TypeID,Brand.LogoUrl2,Brand
手写一个简单的$.ajax
08-18
您可以手写一个简单的$.ajax()请求，步骤如下： 1. 首先，需要创建一个XMLHttpRequest对象。您可以使用下面的代码来创建一个兼容不同浏览器的XMLHttpRequest对象： ```javascript function getXhr() { var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject('Microsoft.XMLHTTP'); } return xhr; } ``` 这个函数会返回一个XMLHttpRequest对象。 2. 接下来，您可以使用上述函数获取到XMLHttpRequest对象，并使用它来发送请求。下面是一个简单的示例代码： ```javascript var xhr = getXhr(); // 获取XMLHttpRequest对象 xhr.open('GET', 'your-url'); // 设置请求方法和URL xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 处理响应数据 var response = xhr.responseText; console.log(response); } }; xhr.send(); // 发送请求 ``` 在上述代码中，您需要将'your-url'替换为您要发送请求的URL。然后，您可以在xhr.onreadystatechange事件处理程序中处理响应数据。在这个示例中，我们只是简单地将响应数据打印到控制台。 这样，您就可以手写一个简单的$.ajax()请求了。这种方式相比于使用jQuery的$.ajax()方法，可以减少对整个jQuery库的依赖，并且可以更加灵活地控制请求过程。同时，您可以根据需要自定义请求头、请求方法等。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值