zoukankan      html  css  js  c++  java
  • 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();
        }
    }

    效果:

  • 相关阅读:
    mysql索引
    springboot mybatis 后台框架平台 shiro 权限 集成代码生成器
    java 企业网站源码模版 有前后台 springmvc SSM 生成静态化
    java springMVC SSM 操作日志 4级别联动 文件管理 头像编辑 shiro redis
    activiti工作流的web流程设计器整合视频教程 SSM和独立部署
    .Net Core中的ObjectPool
    文件操作、流相关类梳理
    .Net Core中的配置文件源码解析
    .Net Core中依赖注入服务使用总结
    消息中间件RabbitMQ(一)
  • 原文地址:https://www.cnblogs.com/mn-b/p/5084295.html
Copyright © 2011-2022 走看看