ajax请求的五个步骤

第一步,创建XMLHttpRequest对象

第二步,注册回调函数

第三步,配置请求信息,open(),get

第四步,发送请求,post请求下,要传递的参数放这

第五步,创建回调函数//第一步,创建XMLHttpRequest对象

var xmlHttp = new XMLHttpRequest();

function CommentAll() {

//第二步,注册回调函数

xmlHttp.onreadystatechange =callback1;

//{

// if (xmlHttp.readyState == 4)

// if (xmlHttp.status == 200) {

// var responseText = xmlHttp.responseText;

// }

//}

//第三步,配置请求信息,open(),get

//get请求下参数加在url后,.ashx?methodName = GetAllComment&str1=str1&str2=str2

xmlHttp.open("post", "/ashx/myzhuye/Detail.ashx?methodName=GetAllComment", true);

//post请求下需要配置请求头信息

//xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

//第四步,发送请求,post请求下,要传递的参数放这

xmlHttp.send("methodName = GetAllComment&str1=str1&str2=str2");//"

}

//第五步,创建回调函数

function callback1() {

if (xmlHttp.readyState == 4)

if (xmlHttp.status == 200) {

//取得返回的数据

var data = xmlHttp.responseText;

//json字符串转为json格式

data = eval(data);

$.each(data,

function(i, v) {

alert(v);

});

}

}

后台方法private void GetAllComment(HttpContext context)

{

//Params可以取得get与post方式传递过来的值。

string methodName = context.Request.Params["methodName"];

//QueryString只能取得get方式传递过来的值。

string str1 = context.Request.Form["str1"];

//取得httpRequest传来的值,包括get与post方式

string str2 = context.Request["str2"];

List comments = new List();

comments.Add(methodName);

comments.Add(str1);

comments.Add(str2);

//ajax接受的是json类型,需要把返回的数据转给json格式

string commentsJson = new JavaScriptSerializer().Serialize(comments);

context.Response.Write(commentsJson);

}

本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目!

ajax请求的步骤,ajax请求的五个步骤相关推荐

  1. ajax请求的五个步骤_监控整个页面,非AJAX,需要通知

    ajax请求的五个步骤 最近,在JSF中开发新图表和图表"导出服务"时,我遇到了一个非常普遍的问题. 当您执行长时间运行的任务(操作)时,您希望在开始时显示状态"请稍候- ...

  2. ajax发送异步请求四个步骤,深入理解ajax异步请求的五个步骤(详细代码)

    在前端工作中,经常会用到ajax,其实很多人只知道ajax是异步请求,不知道应该如何用它,它的基本步骤有哪些,ajax请求过程是怎样的?接下来这篇文章就给大家介绍Ajax的请求步骤,以及ajax请求步 ...

  3. 原生ajax请求的五个步骤

    //第一步,创建XMLHttpRequest对象 var xmlHttp = new XMLHttpRequest(); function CommentAll() {//第二步,注册回调函数xmlH ...

  4. jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)

    jqueryajax AJAX是与服务器交流数据的艺术,它在不重载全部页面的情况下,完成了对部分网页的更新. jQueryAJAX实例 请点击下面的按钮,经过jQueryAJAX改变这段文本. 获得外 ...

  5. Ajax请求的五个步骤

    目录 Ajax请求的五个步骤 一.定义 1.什么是Ajax 2.同步与异步的区别 3.ajax的工作原理 二.实现AJAX的基本步骤 1.创建XMLHttpRequest对象 2.创建HTTP请求 3 ...

  6. xhr如何发送post请求_js实现ajax的post请求步骤

    //当页面加载完毕之后,执行以下代码 window.onload =function(){ document.getElementById("ok").onclick =funct ...

  7. ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP

    AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌 ...

  8. 学习AJAX必知必会(2)~Ajax基本使用,设置请求行、请求体、请求头,服务端响应JSON数据

    一.Ajax的基本使用 1.核心对象 XMLHttpRequest,AJAX 的所有操作都是通过该对象进行的. 2.发送ajax请求(4个步骤): 创建xhr对象,然后open方法初始化,设置请求方式 ...

  9. Ajax入门和发送http请求

    同步和异步 同步和异步的概念 同步:必须等待前面的任务完成,才能继续后面的任务. 异步:不受当前任务的影响. 拿排队举例: 同步:在银行排队时,只有等到你了,才能够去处理业务. 异步:在排队的时候,可 ...

最新文章

  1. postgresql存图片字段类型_PostgreSQL 入门 | Linux 中国
  2. python字符串的方法和列表的方法_python 字符串方法及列表,元组,字典(一)
  3. opencv 人脸识别_人工智能-OpenCV+Python实现人脸识别(视频人脸检测)
  4. Tips - C++
  5. c# 获取excel单元格公式结果_每日一Excel技巧(熟能生巧):带公式的单元格,快速批量复制、填充...
  6. 音视频技术开发周刊 | 227
  7. 符乐安:2020年短视频创作将迎来新的高峰
  8. 如何在redhat8里使用gcc命令_如何使用DISM命令行工具修复Windows 10映像
  9. 各Rendering Path技术以及其在Unity中的实现
  10. 对比学习有多火?文本聚类都被刷爆了…
  11. Hollis原创|深入分析Java的编译原理
  12. apicloud入门学习笔记1:简单介绍
  13. 【java基础知识】java打包后再dos命令行中文显示乱码的问题
  14. Python基础(while循环/赋值运算符)
  15. 想快速了解AI各领域的前沿研究成果?可以来这个网站看看 | 资源
  16. C#利用WCF改进文件流传输的三种方式
  17. LeetCode每日一题——猜数字游戏
  18. 图形推理1000题pdf_江苏省考倒计时4天!再看一遍判断推理各个模块重点!
  19. Java开源企业协同办公项目:O2OA如何集成WPS
  20. matlab找出向量的中位数,MATLAB如何使用median函数计算样本的中位数

热门文章

  1. 队列和通知区别_消息队列,阻塞队列
  2. java四子棋实验报告_Python 实现劳拉游戏的实例代码(四连环、重力四子棋)
  3. go 清空文件内容_玩转Go单元测试,你只需要掌握这5点
  4. 用java代码实现Singleton_为什么在Java代码中实现Singleton模式(有时)被认为是Java世界中的反模式?...
  5. ascii码对照表十六进制_ASCII
  6. jquery的sortable拖拽排序插件,顺序没发生改变则不请求
  7. 史上超级详细:HashMap源码分析,你了解到源码的魅力了嘛
  8. 【深度学习】利用一些API进行图像数据增广
  9. 【Ubuntu入门到精通系列讲解】Ubuntu 图形界面入门
  10. Keras【Deep Learning With Python】机器学习和线性回归