c ajax json格式数据,C# Ajax 返回json数据--前后台交互

本人实习生一枚，遇到这个问题，网上找的试了试基本不可以，自己搞了一下。可以供新手参考，大神如有指点，请不吝赐教。

版权声明：本文为博主原创文章，未经博主允许不得转载。

前台JavaScript代码：

function checkLogin() {

var name = $("#name").val();

var passward = $("#password").val();

console.log(name);

console.log(passward);

$.ajax({

url: 'index.aspx?method=login',

type: 'GET',

data: { "name": name, "passward": passward },

dataType: 'json',

success: function (dataInfo) {

if (dataInfo.status) {

console.log(dataInfo.data);

//前台接收到的数据中data是字符串，需要转换为JSON对象

var jsondata = JSON.parse(dataInfo.data);

alert("登陆成功，用户名是："+jsondata.name+" 性别是："+jsondata.sex+" 年龄是："+jsondata.age);

} else {

alert("登陆失败");

}

},

async: false

});

}

当然了数据获取成功之后，怎么处理自己写就好了，这里只是示范一下。

前台HTML代码：

提交

后台CS代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Newtonsoft.Json;

using System.Runtime.Serialization;

namespace WebTest

{

public partial class index : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

string method = Request.QueryString["method"];

string name = Request.QueryString["name"];

string passward = Request.QueryString["passward"];

if (!string.IsNullOrEmpty(method))

{

if (method == "login")

{

GetLogin(name, passward);

}

}

}

private void GetLogin(string name, string passward)

{

CommonModel msg = new CommonModel();

//这里有没有登陆成功可以连接数据库判断

if (name == "admin" && passward == "admin")

{

//这里是可以从数据库获取出来的登陆用户的信息

var jsonData = "{ \"name\":\"管理员\", \"sex\":\"男\", \"age\":\"20\"}";

msg.status = true;

msg.msg = "登陆成功";

msg.data = jsonData;

}

else

{

msg.status = false;

msg.msg = "失败";

}

object JSONObj = JsonConvert.SerializeObject(msg);

Response.Write(JSONObj);

//一定要加，不然前端接收失败

Response.End();

}

}

class CommonModel

{

//状态

private bool _statues;

public bool status

{

get { return _statues; }

set { _statues = value; }

}

//消息

private string _msg;

public string msg

{

get { return _msg; }

set { _msg = value; }

}

//数据

private object _data;

public object data

{

get { return _data; }

set { _data = value; }

}

}

}

效果图：

jquery ajax返回json数据进行前后台交互实例

jquery ajax返回json数据进行前后台交互实例 利用jquery中的ajax提交数据然后由网站后台来根据我们提交的数据返回json格式的数据,下面我来演示一个实例. 先我们看演示代码 代码如 ...

PHP AJAX 返回JSON 数据

例子:利用AJAX返回JSON数据,间接访问数据库,查出Nation 表,并用下拉列表显示 造一个外部下拉列表框 JQurey代码 $(document).ready( ...

jquery实现ajax,返回json数据

jquery实现ajax可以调用几种方法 我经常用的是$get(url,data,callback,type)方法 其中url是异步请求的页面(可以是.ashx文件),data是参数,callback ...

ajax 返回json数据操作

例子: $.ajax({ url: "=Url::toRoute('add-all-staff')?>", type: 'get', dataType: 'json ...

ajax返回json数据示例

前端发送请求与接收数据: $.ajax({        type : "post",        url : "/queryStudent",       ...

Django+ajax 返回json数据挨个显示在页面及页面和后台相互传值

通过Ajax传到后台一个值,根据该值返回数据库表中的某一列的值,然后逐个显示到页面,并且给每个加上超链接,可以进行点击查看详细信息 1.通过Ajax传到后台一个值,红色部分为往Django后台传值,蓝 ...

ajax返回json数据，对其中日期的解析

JS 对其格式化 方法如下 function ChangeDateFormat(d){ //将时间戳转为int类型,构造Date类型 var date = new Date(parseInt(d.ti ...

Jquery,ajax返回json数据后呈现到html页面的$.post方式。

------------------------------------------------------完整版------------------------------------------- ...

在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法

在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法 最近在做一个小东西,使用kindeditor上传图片的时候,自己写了一个上传的方法,按照协议规则通过ajax返回json ...

随机推荐

2. Struts2 基础

1. Struts2简介 Struts2是一个WEB端MVC框架.作为比较早的MVC 框架之一,Struts2在使用中还是比较多的.虽然个人感受没有SpringMVC还那么的好用 Struts2 官网 ...

使用7-zip制作自解压安装包

7-zip制作自解压包很方便,只要在压缩时选择”创建自释放程序”选项. 而自解压安装包有点麻烦,不如WinRAR方便. 准备工具:下载 LZMA SDK 这里面有 7zSD.sfx (16.04版7z ...

c# Json Dictionary序列化和反序列化

说明:Dictionary对象本身不支持序列化和反序列化,需要定义一个继承自Dictionary, IXmlSerializable类的自定义类来实现该功能.感觉完全可以把这样的类封装到C#库中,很具 ...

客户端用httpurlconnection来进行http连接的

客户端用httpurlconnection来进行http连接的,并设置restful风格 请求响应流程 设置连接参数的方法 setAllowUserInteraction setDoInput set ...

Nginx 第三方模块-漫谈缘起

http://www.cnblogs.com/yjf512/archive/2012/03/30/2424726.html http://chenxiaoyu.org/2011/10/30/nginx ...

JavaScript获取和设置CheckBox状态

注意: 针对单个复选框的情况! var obj = document.getElementById("s1"); var value = obj.checked; alert(va ...

利用Python计算π的值，并显示进度条

利用Python计算π的值,并显示进度条  第一步:下载tqdm 第二步;编写代码 from math import * from tqdm import tqdm from time import ...

ajax-简单参数方法实现阴影效果

注: 简单参数 (按照参数的数量和位置传递参数) 使用时按照位置.数量传递 shadow.js函数 //简单参数实现方式/** slices:阴影* opacity:透明度* zIndex:层级* * ...

leetcode习题练习

day001 #!user/bin/env python # -*- coding:utf-8 -*- #day001 两数之和 #方法1 def Sum(nbs,tgt): len_nums = l ...

洛谷NOIp热身赛题解

洛谷NOIp热身赛题解 A 最大差值 简单树状数组,维护区间和.区间平方和,方差按照给的公式算就行了 #include #define il inline # ...