• 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();
        }
    }

    效果:

  • 相关阅读:
    调试SQLSERVER (二)使用Windbg调试SQLSERVER的环境设置
    调试SQLSERVER (一)生成dump文件的方法
    SQLSERVER中如何快速比较两张表的不一样
    Leptonica在VS2010中的编译及简单使用举例
    UVALive 3135--Argus+自己定义优先队列的优先规则
    mysql---总体备份和增量备份
    OllyDbg 使用笔记 (十二)
    《TCP/IP具体解释卷2:实现》笔记--IP:网际协议
    blurImage做图片模糊处理报错free(): invalid next size
    docker网络配置方法总结
  • 原文地址:https://www.cnblogs.com/mn-b/p/5084295.html
Copyright © 2020-2023  润新知