分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

ajax操作json的三种方式

发布时间:2023-09-06 02:33责任编辑:苏小强关键词:jsjson

一、 什么是json?

1. JSON是一种轻量级的数据交换格式

2. JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式

JSON最常用的格式是对象的 键值对。例如下面这样:
  {"firstName": "Brett", "lastName": "McLaughlin"}
 
具体前台代码如下: 
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> ???<title></title> ???<script src="../Js/jquery-1.7.1.js"></script> ???<script type="text/javascript"> ???????$(function () { ???????????$("#btnData").click(function () { ???????????????//$post需要四个参数,1. 请求的URL,2. 传递的参数,3. 返回的数据,4. 数据类型(参数4默认类型为text) ???????????????$.post("GetJson.ashx", {}, function (data) { ???????????????????alert(data); ???????????????????alert("用户名是:"+data.Name); ???????????????},"json"); ???????????}); ???????????$("#btnData1").click(function () { ???????????????$.post("GetJson.ashx", {}, function (data) { ???????????????????var serverData = $.parseJSON(data); ??//将获取的数据转换成json对象 ???????????????????alert("用户名是:" + serverData.Name); ???????????????}); ???????????}); ???????????$("#btnData222").click(function () { ???????????????$.getJSON("GetJson.ashx", {}, function (data) { ???//getjson默认将获取的数据转换成json对象,所以不用加上面的parsejson,但是该请求只能用于get请求 ????????????????????????????????????alert("用户名是:" + data.Name); ???????????????}); ???????????}); ???????}); ???</script></head><body> ???<input type="button" value="获取数据" id="btnData" /> ?????<input type="button" value="获取数据1111" id="btnData1" /> ?????<input type="button" value="获取数据2222" id="btnData222" /></body></html>

一般处理程序代码如下:

using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace CZBK.ItcastProject.WebApp._2015_6_3{ ???/// <summary> ???/// GetJson 的摘要说明 ???/// </summary> ???public class GetJson : IHttpHandler ???{ ???????public void ProcessRequest(HttpContext context) ???????{ ???????????context.Response.ContentType = "text/plain"; ???????????context.Response.Write("{\"Name\":\"zhangsan\",\"Age\":\"12\"}"); ???????} ???????public bool IsReusable ???????{ ???????????get ???????????{ ???????????????return false; ???????????} ???????} ???}}

ajax操作json的三种方式

原文地址:https://www.cnblogs.com/wangjinya/p/10405782.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved