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; }

}

}

}

效果图:

682ff41bdc8e697e12509b3bdf7ec78c.png

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 # ...

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AJAX (Asynchronous JavaScript and XML) 是一种用于后端数据交互的技术。它允许在不刷新整个页面的情况下,通过异步方式向服务器发送请求并获取响应数据。 使用 AJAX 可以实现以下功能: 1. 发送异步请求:通过 JavaScript 创建 XMLHttpRequest 对象,并使用该对象发送 HTTP 请求到服务器。 2. 处理响应数据:一旦服务器返回响应,可以通过回调函数处理返回数据。常见的数据格式包括 XML、JSON 或纯文本。 3. 更新页面内容:根据服务器返回数据,可以使用 JavaScript 动态更新页面内容,而不需要刷新整个页面。这样可以提升用户体验并减少网络流量。 以下是一个简单的 AJAX 示例代码: ```javascript // 创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 指定请求的方法和 URL xhr.open('GET', 'https://api.example.com/data', true); // 设置回调函数处理响应 xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // 处理服务器返回数据 var response = xhr.responseText; console.log(response); // 更新页面内容 document.getElementById('result').innerHTML = response; } }; // 发送请求 xhr.send(); ``` 在上述示例中,我们使用 AJAX 发送了一个 GET 请求到 `https://api.example.com/data`,并设置了一个回调函数来处理服务器返回数据。在回调函数中,我们将返回数据打印到控制台,并将其更新到 id 为 `result` 的 HTML 元素中。 通过 AJAX端可以与后端进行实时的数据交互,从而实现更加动态和响应式的用户界面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值