`
mawenlong
  • 浏览: 4010 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

原生态ajax请求怎么写

阅读更多
    //第一步:创建XMLHttpRequest对象
    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
   
    //第二步:设置回调函数
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
   
    //第三步:打开连接
    xmlhttp.open("GET","test1.txt",true);
   
    //第四步:发送请求
    //post请求的时候,需要设置requestHearder属性。两个参数,第一个参数表示头名称,第二个表示头的值
    //xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    //然后再send中传入请求的参数。如:"fname=Bill&lname=Gates"
    xmlhttp.send();
分享到:
评论

相关推荐

    原生态ajax学习案例

    原生态Ajax受到同源策略限制,只能向同一源的服务器发起请求。如果需要跨域,需要服务器端支持CORS(跨源资源共享)或者使用JSONP(JSON with Padding)技巧。 八、安全性与性能优化 1. 安全性:确保请求数据的安全...

    原生态Ajax价绍与使用方法.pdf

    原生态Ajax概述与使用方法 Ajax(Asynchronous JavaScript and XML)是一种在网页上进行异步通信的技术,允许在不刷新整个页面的情况下,通过与服务器进行数据交换,更新部分页面内容。原生态Ajax是指使用纯粹的...

    原生态的asp.net ajax demo

    6. **图像资源**:`ajax-loader.gif`通常作为加载指示器,当AJAX请求正在处理时显示,给用户反馈操作正在进行。 7. **Web.Config配置**:`Web.Config`文件包含了应用程序的配置信息,如数据库连接字符串、安全设置...

    PHP+原生态ajax实现的省市联动功能详解

    PHP与原生态Ajax结合实现省市联动功能的详细过程涉及到多个层面的知识点,包括前端技术Ajax的原理、使用原生JavaScript进行异步通信的技术细节,以及PHP后端数据处理和响应的机制。下面将按照知识点进行详细解析。 ...

    ajax在joomla中的原生态应用代码

    在Joomla中使用原生态AJAX应用代码主要涉及到如何利用Joomla自带的MooTools JavaScript库来实现前端与后端的异步交互。通过AJAX,可以在不重新加载页面的情况下与服务器交换数据并更新部分网页内容。这种方法特别...

    原生Ajax 和jQuery Ajax的区别示例分析

    jQuery是一个广泛使用的JavaScript库,提供了简化DOM操作、事件处理、动画和Ajax请求等多种功能。jQuery Ajax是对原生Ajax的封装,使得进行异步数据交互变得更加简单和方便。 **jQuery Ajax的主要特点如下:** - *...

    Ajax使用原生态JS验证用户名是否存在

    【Ajax使用原生态JS验证用户名是否存在】 Ajax,即异步JavaScript和XML,是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。在本场景中,我们利用Ajax来验证用户输入的用户名是否已在系统中存在,从而...

    jQuery模拟原生态App上拉刷新下拉加载效果代码

    在现代Web应用中,为了提供类似原生态移动应用的流畅体验,开发人员常常会使用上拉刷新(Pull-to-Refresh)和下拉加载更多(Infinite Scroll)功能。这两个特性让用户能够轻松地获取新内容或者浏览更多的数据,而...

    Ajax开发精要——概念、案例与框架

    4. **Vue.js的Axios插件**:Vue生态中的常用插件,结合Vue的组件化特性,方便地处理Ajax请求。 **四、Ajax案例分析** 1. **无限滚动**:在新闻网站或社交媒体中,当用户滚动到底部时,通过Ajax加载更多内容,无需...

    使用_jQuery_简化_Ajax_开发.txt

    jQuery 提供了多种方法来处理 AJAX 请求,如 `$.ajax()`, `$.get()`, `$.post()` 等,这些方法极大地简化了 AJAX 请求的处理过程,让开发者能够更加专注于业务逻辑而非技术细节。 ##### 示例:使用 jQuery 发送 ...

    HTML5原生态JS的音乐播放器-带lRC歌词分析.rar

    - `Promise`:用于处理异步操作,如AJAX请求加载歌词文件。通过`then`和`catch`处理成功和失败的情况。 - `async/await`:这是ES6引入的异步编程新语法,可以使得异步代码看起来更像同步代码,提高代码可读性。 3...

    使用jQuer简化Ajax开发-Ajax开发入门.pdf

    它提倡简洁、可重用的代码,通过提供高效且易用的API,使得开发者能够快速定位并操作DOM元素,以及处理复杂的事件和AJAX请求。相比于原生JavaScript,jQuery的API设计使得代码更加直观和易于理解。 ### 2. jQuery与...

    PPT_jQuery框架和AJAX技术

    1. **创建XMLHttpRequest对象**:在jQuery中,可以使用`$.ajax()`或`.load()`方法发起AJAX请求。 2. **请求参数设置**:包括URL、请求类型(GET或POST)、数据、回调函数等。 3. **异步处理**:AJAX请求在后台进行...

    Ajax_Jquery一门上市不久的新技术

    例如,通过一行jQuery代码就能实现Ajax请求,而原生JavaScript则需要更多代码。 Ajax和jQuery的结合使得Web开发变得更加高效。jQuery提供了一套完整的Ajax函数,如`$.ajax()`, `$.get()`, 和`$.post()`,这些函数...

    下拉刷新功能的源代码,jQuery模拟原生态App 上拉刷新 下拉加载 效果代码.zip

    这个压缩包中的资源提供了使用jQuery实现这一功能的源代码,使得Web应用可以模拟原生态App的效果。接下来,我们将详细探讨这些功能的实现原理以及jQuery在其中扮演的角色。 1. **下拉刷新**: 下拉刷新通常用于当...

    仿新浪微博头像浮层(原生态)

    在IT行业中,网页交互设计是至关重要的一环,而"仿新浪微博头像浮层(原生态)"就是一个典型的网页交互效果示例。这个项目利用纯JavaScript技术实现了一个与新浪微博类似的头像悬停弹出层功能,使得用户在鼠标悬浮在...

    原生JS发送异步数据请求

    创建一个AJAX请求的基本步骤如下: - **创建XMLHttpRequest对象**:在现代浏览器中,我们可以通过`new XMLHttpRequest()`创建一个实例;而在旧版IE浏览器中,我们需要使用`new ActiveXObject('Microsoft.XMLHTTP')...

Global site tag (gtag.js) - Google Analytics