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. groovy函数、字符串、循环

    三重单引号字符串 '''a triple single quoted string''' 三重单引号字符串是普通的java.lang.String 三重单引号字符串是多行的.您可以跨越行边界跨越字符串 ...

  2. USACO06DEC Milk Patterns——Solution

    题目描述 Farmer John has noticed that the quality of milk given by his cows varies from day to day. On f ...

  3. 【转载】windows 下重置 mysql 的 root 密码

      今天发现 WordPress 连接不上数据库,登录 window server 服务器查看,所有服务均运行正常. 使用 root 账号登录 mysql 数据库,结果提示密码不匹配.我突然意识到,服 ...

  4. PHP学习笔记(二) ---- PHP数据类型

    PHP  __数据结构类型 一.php 中的八种数据类型 1.四种标量类型 Boolean (布尔类型): true  or  false,多用于条件判断. 实例: <?php $x = &qu ...

  5. GIS平台结构设计

    前言: WebGIS由于技术发展和功能定位的原因,一般在进行架构设计的时候更多地考虑是否容易实现.用户交互.数据传输方便.渲染效果等方面,对强GIS的应用考虑得少,所以架构上与桌面的GIS平台很不一样 ...

  6. npm 更新至最新版本

    有时npm版本低了,一些操作有问题,要更新成最新. 官网中:  https://www.npmjs.com/get-npm     先查看对应的 node 版本 和 npm版本 Check that ...

  7. Microsoft Toolkit.exe激活office 2010方法

    1.双击打开激活工具 2.点击下方的office图标. 3.选择Activation标签,下拉选择AutoKMS,点击Install,完成后点击Activate,即可.

  8. 关于 Blog 修改

    关于 Blog 修改 本 Blog 使用的是 WordPress,每次升级 WordPress 都需要修改文件,以修正一些问题,因此做个总记录,便于自己修改. 解决 WordPress 无法打开中文链 ...

  9. 颤振错误:当前Flutter SDK版本为2.1.0-dev.0.0.flutter-be6309690f?

    我刚刚升级了我的扑动,升级后我无法在Android Studio上运行任何扑动项目.我收到此错误消息. The current Dart SDK version -dev.0.0.flutter-be ...

  10. 京东原来你运用的这玩意,不错,我也要!! ContainerDNS

    转自社区 ContainerDNS 本文介绍的 DNS 命名为 ContainerDNS,作为京东商城软件定义数据中心的关键基础服务之一,具有以下特点: 分布式,高可用 自动发现服务域名 后端探活 易 ...