ajax几种请求几种类型
jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等。
首先说一下jquery中ajax标准的格式.
$.ajax({
url: "/CommonService.asmx/SayHello",//ajax请求地址
type: "Post",//请求方式 分为get和post
dataType: "json", //要求请求返回数据类型 可分为json html text xml 等
contentType: "application/json; charset=utf-8", //发送服务器数据的编码方式
data: "{name:'Varchar32'}",//传送的数据
success: function (data) {//执行成功
var result= data.responseText;
alert(result.XXX);
},
error: function (data) {//执行失败
//200的响应也有可能被认定为error,responseText中没有Message部分
alert($.parseJSON(data.responseText).Message);
},
complete: function (data) { //不管成功还是失败后
;//after success or error
}
}); 下面是几种格式的例
1.html格式的数据
"<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" </p></div>"
服务器端返回数据格式是html片段,因此不需要经过处理就可以将新的html数据插入到主页面中,这种方法虽然简便,但是重用性不强。
$.ajax({
type:"POST",
url:"Handler.ashx",
dataType:html,
data:{username:$("#name").val(),password:$("#pwd").val()},
success:function(data){
$("#result").html(data);
}
}
2.XML格式的数据
Response.Write("<?xml version=""1.0"" encoding=""utf-8""?>")
Response.Write("<comments>")
Response.Write("<comment
username='"+username+"'>")
Response.Write("<content>"+content+"</content>")
Response.Write("</comment>")
Response.Write("</comments>")
Response.End();
由于服务器端返回的数据格式是XML文档,因此需要对文档的数据进行处理。
$.ajax({
type:"POST",
url:"Handler.ashx",
dataType:xml,
data:{username:$("#name").val(),password:$("#pwd").val()},
success:function(data){
var username =
$(data).find("comment").attr("username");
var
content = $(data).find("comment
content").text();
var
txtHtml = "<div
class='comment'><h6>"+
username+":</h6><p class='para'>"+content+"</p></div>";
$("#result").html(txtHtml)
}
}
3.JSON格式的数据
Response.Write("{ username : '"+username+"' , content :
'"+content+"'}")
由于服务器端返回的数据格式是JSON文档,因此也需要对文档的数据进行处理,但是JSON文档比较XML文档更容易解析。
$.ajax({
type:"POST",
url:"Handler.ashx",
dataType:json,
data:{username:$("#name").val(),password:$("#pwd").val()},
success:function(data){
可以加上.....
var username =
data.username;
var
content =
data.content;
var
txtHtml = "<div
class='comment'><h6>"+
username+":</h6><p class='para'>"+content+"</p></div>";
$("#result").html(txtHtml)
}
}
egg:实验
<script type="text/javascript">
$(function () {
$.ajax({
type: "post",
url: "abc.aspx",
data: "{}",
contentType: "text/plain; charset=utf-8",
dataType: "text",
success: function (data) {
alert(data);
},
error: function (msg) {
alert(msg);
}
});
});
</script> 然后在aspx对应的页面.
Response.Write("dongya");
Response.End(); 然后运行就会执行.dongya那个弹框.
下面是四个例子 实验过
<script type="text/javascript">
$(function () {
$.ajax({
type: "post", //以post方式传递
url: "a.ashx", //请求地址
// data: {}, //传递参数 这里不进行传递
// contentType: "text/plain; charset=utf-8",
dataType: "json", //数据类型
success: function (data) {
alert(data.a); //返回的是json对象,可以直接进行操作读取
},
error: function (msg) {
alert(1);
}
});//对应第一个一般处理程序 $(function () {
$.post('b.ashx', function (data, status) {
if (status == 'success') {//当执行成功
alert(data.a);
}
else { alert("shibai"); } }, 'json');//对应第二个一般处理程序
}); $(function () {
$.ajax(
{
url: "c.ashx",
type: "post",
dateType: "text",
success: function (data) {
alert(data); //先看看返回的类型是不是json字符串
// var i = eval("(" + data + ")");//把json字符串转换为json对象
var i = JSON.parse(data); //把json字符串转换为json对象
alert(i);//json对象是object类型
alert(i.a);
},
error: function () { }
}
); }); //对应第三个一般处理程序 $(function () {
$.ajax(
{
url: "d.ashx",
type: "post",
dateType: "text",
success: function (data) {
alert(data);//返回字符串类型
},
error: function () { }
});
});//对应第四个一般处理程序
</script> 第一个一般处理程序 对应第一个js
<%@ WebHandler Language="C#" Class="a" %> using System;
using System.Web;
using System.Runtime.Serialization;
public class a : IHttpHandler { public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "json";
string json = "{\"a\":\"123\"}"; // \"雙引號 轉義符 通過轉義符這樣就變成了合格的ojson字符串
//string str = "{name:cxh,sex:man}";//這樣是平常罛的字符串
//var str1 = {"name":"cxh","sex":"man" };//這樣是正規的ojson對象
//var str2='{"name":"cxh","sex":"man"}';// 這樣是正規的ojson字符串
context.Response.Write(json.ToString());
} public bool IsReusable {
get {
return false;
}
} }
東亞 09:31:16 第二个一般处理程序 对应第二个js
<%@ WebHandler Language="C#" Class="b" %> using System;
using System.Web; public class b : IHttpHandler { public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "json"; string json = "{\"a\":\"123\"}";
context.Response.Write(json.ToString());
} public bool IsReusable {
get {
return false;
}
} }
東亞 09:31:23 第三个一般处理程序 对应第三个js
<%@ WebHandler Language="C#" Class="c" %> using System;
using System.Web;
using System.Web.Script.Serialization;
using System.Runtime.Serialization.Json; public class c : IHttpHandler { public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string b = "{\"a\":\"123\"}";//這是合格的ojosn字符串
context.Response.Write(b.ToString());
} public bool IsReusable {
get {
return false;
}
} }
東亞 09:31:30 第四个一般处理程序 对应第四个js
<%@ WebHandler Language="C#" Class="d" %> using System;
using System.Web; public class d : IHttpHandler { public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
context.Response.Write("Hello World");
} public bool IsReusable {
get {
return false;
}
} }
ajax几种请求几种类型的更多相关文章
- Ajax跨域请求以及乱码解决
Ajax跨域请求2种解决方法 1 ) 什么叫跨域请求,协议,域名,端口号,其中一样不同都称跨域; 第一种:使用script标签发送请求; //创建一个script标签; var v_element=d ...
- jQuery中的Ajax几种请求方式
1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (M ...
- ASP.NET MVC 实现AJAX跨域请求的两种方法
通常发送AJAX请求都是在本域内完成的,也就是向本域内的某个URL发送请求,完成部分页面的刷新.但有的时候需要向其它域发送AJAX请求,完成数据的加载,例如Google. 在ASP.NET MVC 框 ...
- Django学习——ajax发送其他请求、上传文件(ajax和form两种方式)、ajax上传json格式、 Django内置序列化(了解)、分页器的使用
1 ajax发送其他请求 1 写在form表单 submit和button会触发提交 <form action=""> </form> 注释 2 使用inp ...
- Ajax中的get和post两种请求方式的异同
Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别. 1. get是把参数数据队列加到提交表单的A ...
- Ajax的get和post两种请求方式区别
Ajax的get和post两种请求方式区别 (摘录):http://ip-10000.blog.sohu.com/114437748.html 解get和post的区别. 1. get是把参数数据队列 ...
- HTTP协议的8种请求类型介绍
HTTP协议的8种请求类型介绍 转自:http://www.cnblogs.com/liangxiaofeng/p/5798607.html HTTP协议的8种请求类型介绍 HTTP协议中共定义了八种 ...
- 几种常用的ajax 跨域请求
前 言 首先,我们要明白,什么是跨域,为什么要跨域. 由于JS中存在同源策略.当请求不同协议名不同端口号下面的文件时,将会违背同源策略,无法请求成功!需要进行跨域处理! 这篇文章就为大家详细介绍一 ...
- 解决 Ajax 发送 post 请求出现 403 Forbidden 的三种方式
众所周知前端向后台发送 post 请求时,必须验证 csrf,否则会报错 403 Forbidden.使用 Django Form 表单可以直接在表单里面添加 {% csrf_token %} 即可, ...
随机推荐
- Hadoop学习笔记(9) ——源码初窥
Hadoop学习笔记(9) ——源码初窥 之前我们把Hadoop算是入了门,下载的源码,写了HelloWorld,简要分析了其编程要点,然后也编了个较复杂的示例.接下来其实就有两条路可走了,一条是继续 ...
- TCP/IP Socket通信demo
一个实例通过client端和server端通讯 客户端发送:“我是客户端,请多关照” 服务端回复:“收到来自于"+s.getInetAddress().getHostName()+" ...
- [JAVA IDEA]在使用maven项目中,无法读取resources文件夹中的配置文件的一种解决方案
1.在通过配置文件来连接数据库时,在resouces文件中放入了db.properties配置文件,但无法正常读取到 读取配置文件信息的代码: InputStream input=JdbcUtil.c ...
- Java开篇
首先致敬Java之父:JAMES GOSLING 一.什么是JDK,JRE,JVM? 1.JDK(Java Development Kit) Java开发工具包. JDK = 开 ...
- 【Java】短信信息提取设计
问题产生:当有要求做信息有效性校验的时候,如何提取短信中有用的信息? 举个例子:有这样一条短信消息: [XXXXXX提醒]尊敬的客户,截止03月21日15:29,您本月套餐中包含手机上网国内流量累计1 ...
- 记录一次使用terminal进行git管理与提交到Github的过程
1.环境的构建: 使用Mac系统自带的Git进行版本管理存在,Git是系统的Xcode集成的 查看版本的命令: $ git --version git version (Apple Git-) 查看g ...
- MySQL的预编译功能
1.预编译的好处 大家平时都使用过JDBC中的PreparedStatement接口,它有预编译功能.什么是预编译功能呢?它有什么好处呢? 当客户发送一条SQL语句给服务器后,服务器总是需要校验S ...
- webpack打包踩坑之TypeError: Cannot read property 'bindings' of null
file loader介绍:https://www.webpackjs.com/loaders/file-loader/ babel loader介绍:https://webpack.js.org/l ...
- 不得不知的npm常用指令
前端进阶肯定会遇到npm(包管理工具)的使用,下面是我总结的一些比较实用的npm指令: npm install <name>安装nodejs的依赖包 例如npm install expre ...
- git杂记-查看历史提交
普通查看:git log.输入q退出比较. $ git log commit ca82a6dff817ec66f44342007202690a93763949 Author: Scott Chacon ...