20151228:JSON;XML;AJax返回TEXT值
1、JSON:JS或Jquery里面常用的数据传输方式
格式:1、外围是{}
2、里面的值是key和value一一对应的
3、value里面可以存放任何类型的数据
4、取值用json数据的名称点出key
例子:
<script type="text/javascript"> $(document).ready(function (e) { var test = { uid: 123, pwd: "aaa", aa: {c:12}}; alert(test.aa.c); }) </script>
2、XML:可扩展标记语言
格式:头标记<?xml version="1.0" ?>
特点:1、必须要有一个根,有且只有一个
2、标签名可以自己定义
3、对大小写敏感
4、标签必须写完整
例子:
<Info> <Code>p001</Code>
<Name>张三</Name> <Sex>男</Sex> </Info>
3、AJAX:阿贾克斯
案列:
aspx代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="Scripts/jquery.min.js"></script> </head> <body> <form id="form1" runat="server"> <div> <input id="txtuid" type="text" /> <input id="btn" type="button" value="检查" /> </div> </form> <script type="text/javascript"> $(document).ready(function (e) { $("#btn").click(function (e) { //取值 var uid = $("#txtuid").val(); //调AJAX $.ajax({ url: "Check.aspx",//处理页面 type: "POST",//数据提交的方式,共两种POST,GET data: { uid: uid },//要传输的数据,JSON格式 datatype:"TEXT",//返回的数据格式,共三种TEXT,JSON,XML success: function (data) { //回调函数 alert(data); } }); }) }) </script> </body> </html>
处理界面Check的后台cs代码:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Check : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { //取出AJAX传过来的值 string uid = Request["uid"].ToString(); TestDataContext context = new TestDataContext(); //操作数据库 var query = context.login.Where(p => p.userName == uid); if (query.Count() > 0) { Response.Write("该用户已存在!"); } else { Response.Write("该用户可以使用!"); } Response.End(); } }
效果: