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几种请求几种类型的更多相关文章

  1. Ajax跨域请求以及乱码解决

    Ajax跨域请求2种解决方法 1 ) 什么叫跨域请求,协议,域名,端口号,其中一样不同都称跨域; 第一种:使用script标签发送请求; //创建一个script标签; var v_element=d ...

  2. jQuery中的Ajax几种请求方式

    1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (M ...

  3. ASP.NET MVC 实现AJAX跨域请求的两种方法

    通常发送AJAX请求都是在本域内完成的,也就是向本域内的某个URL发送请求,完成部分页面的刷新.但有的时候需要向其它域发送AJAX请求,完成数据的加载,例如Google. 在ASP.NET MVC 框 ...

  4. Django学习——ajax发送其他请求、上传文件(ajax和form两种方式)、ajax上传json格式、 Django内置序列化(了解)、分页器的使用

    1 ajax发送其他请求 1 写在form表单 submit和button会触发提交 <form action=""> </form> 注释 2 使用inp ...

  5. Ajax中的get和post两种请求方式的异同

    Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别.   1. get是把参数数据队列加到提交表单的A ...

  6. Ajax的get和post两种请求方式区别

    Ajax的get和post两种请求方式区别 (摘录):http://ip-10000.blog.sohu.com/114437748.html 解get和post的区别. 1. get是把参数数据队列 ...

  7. HTTP协议的8种请求类型介绍

    HTTP协议的8种请求类型介绍 转自:http://www.cnblogs.com/liangxiaofeng/p/5798607.html HTTP协议的8种请求类型介绍 HTTP协议中共定义了八种 ...

  8. 几种常用的ajax 跨域请求

      前 言 首先,我们要明白,什么是跨域,为什么要跨域. 由于JS中存在同源策略.当请求不同协议名不同端口号下面的文件时,将会违背同源策略,无法请求成功!需要进行跨域处理! 这篇文章就为大家详细介绍一 ...

  9. 解决 Ajax 发送 post 请求出现 403 Forbidden 的三种方式

    众所周知前端向后台发送 post 请求时,必须验证 csrf,否则会报错 403 Forbidden.使用 Django Form 表单可以直接在表单里面添加 {% csrf_token %} 即可, ...

随机推荐

  1. Hadoop学习笔记(9) ——源码初窥

    Hadoop学习笔记(9) ——源码初窥 之前我们把Hadoop算是入了门,下载的源码,写了HelloWorld,简要分析了其编程要点,然后也编了个较复杂的示例.接下来其实就有两条路可走了,一条是继续 ...

  2. TCP/IP Socket通信demo

    一个实例通过client端和server端通讯 客户端发送:“我是客户端,请多关照” 服务端回复:“收到来自于"+s.getInetAddress().getHostName()+" ...

  3. [JAVA IDEA]在使用maven项目中,无法读取resources文件夹中的配置文件的一种解决方案

    1.在通过配置文件来连接数据库时,在resouces文件中放入了db.properties配置文件,但无法正常读取到 读取配置文件信息的代码: InputStream input=JdbcUtil.c ...

  4. Java开篇

    首先致敬Java之父:JAMES GOSLING 一.什么是JDK,JRE,JVM?     1.JDK(Java Development Kit) Java开发工具包.        JDK = 开 ...

  5. 【Java】短信信息提取设计

    问题产生:当有要求做信息有效性校验的时候,如何提取短信中有用的信息? 举个例子:有这样一条短信消息: [XXXXXX提醒]尊敬的客户,截止03月21日15:29,您本月套餐中包含手机上网国内流量累计1 ...

  6. 记录一次使用terminal进行git管理与提交到Github的过程

    1.环境的构建: 使用Mac系统自带的Git进行版本管理存在,Git是系统的Xcode集成的 查看版本的命令: $ git --version git version (Apple Git-) 查看g ...

  7. MySQL的预编译功能

      1.预编译的好处 大家平时都使用过JDBC中的PreparedStatement接口,它有预编译功能.什么是预编译功能呢?它有什么好处呢? 当客户发送一条SQL语句给服务器后,服务器总是需要校验S ...

  8. webpack打包踩坑之TypeError: Cannot read property 'bindings' of null

    file loader介绍:https://www.webpackjs.com/loaders/file-loader/ babel loader介绍:https://webpack.js.org/l ...

  9. 不得不知的npm常用指令

    前端进阶肯定会遇到npm(包管理工具)的使用,下面是我总结的一些比较实用的npm指令: npm install <name>安装nodejs的依赖包 例如npm install expre ...

  10. git杂记-查看历史提交

    普通查看:git log.输入q退出比较. $ git log commit ca82a6dff817ec66f44342007202690a93763949 Author: Scott Chacon ...