用户投稿后端回传object
前端读取后端传回的object.如何读取?
#后端
新增aspx,拿掉html,只留
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication2.aspx._object" %>.cs
protected void Page_Load(object sender, EventArgs e) { xx xx = new xx() { a = "123", b = "333" }; JavaScriptSerializer serializer = new JavaScriptSerializer(); string ret = serializer.Serialize(xx); Response.Write(ret); Response.End(); }#前端
新增html
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <script src="../js/jquery-3.2.1.js" type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title></head><body> <div id="result1"></div> <div id="result2"></div> <div id="result3"></div> <script> $(document).ready(function () { $.ajax({ url: "WebForm2.aspx", type: 'POST', success: function (data) { $('#result1').text(data); var myarray = $.parseJSON(data); $('#result2').text(myarray.a); $('#result3').text(myarray.b); }, error: function (err) { console.log("err:"); console.log(err); alert(err); } }); }); </script></body></html>#Run
进阶
告诉ajax,传来的是json,就会自动转成object
<script> $(document).ready(function () { $.ajax({ url: "WebForm2.aspx", type: 'POST', dataType: 'json', success: function (data) { $('#result1').text(data); var myarray = data; //var myarray = $.parseJSON(data); $('#result2').text(myarray.a); $('#result3').text(myarray.b); }, error: function (err) { console.log("err:"); console.log(err); alert(err); } }); }); </script> #Run
微信扫一扫打赏
支付宝扫一扫打赏
