json与ajax编程1,jsonjava

发布时间：2022-11-24

本文目录一览：

  1. 关于ajax和json的问题
  2. ajax与json数据获取方法，搞了好久没搞出来
  3. 如何使用ajax将json传入后台数据
  4. [json 和ajax的区别](#json 和ajax的区别)
  5. json和jsonp的区别，ajax和jsonp的区别

关于ajax和json的问题

朋友你这个问题去csdn岂不是更好，嘿嘿这里给的财富值不值一提呀

ajax与json数据获取方法，搞了好久没搞出来

你好，我看了你的代码，你前端使用json格式接收数据，但是你的服务器端输出的格式好像不是json格式啊，我是做php的，我做交互数据，都要将数据格式化，转化成json格式再输送到前端的。

如何使用ajax将json传入后台数据

首先采用jquery内部封装好的方法是比较简单的，我们只需做的就是修改里面的一些配置： 以下代码是对$.ajax()的解析：

$.ajax({
  type: "POST", //提交方式
  contentType: "application/json; charset=utf-8", //内容类型
  dataType: "json", //类型
  url: "前台地址/后台方法", //提交的页面，方法名
  data: "parameter", //参数，如果没有，可以为null
  success: function (data) { //如果执行成功，那么执行此方法
    alert(data.d); //用data.d来获取后台传过来的json语句，或者是单纯的语句
  },
  error: function (err) { //如果执行不成功，那么执行此方法
    alert("err:" + err);
  }
});

当然我初次学习的时候，看到这些也是有些茫然的，因为不知道到如何才能将其用到自己的程序里面，所以就写了一个小的检测网页来测试一下，如果你测试的时候没有达到你想要的结果，那么希望你回头看一下，前台是否写的有问题，或者是参考一下下文中的注意事项吧。 前台代码 ：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="number3.aspx.cs" Inherits="ajax1.number3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head runat="server">
  <title>测试ajax</title>
  <script src="js/jquery-1.4.1.js" type="text/javascript"></script>
  <script type="text/javascript" language="javascript">
    function testAjax() {
      $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        url: "number3.aspx/GetJson",//传入后台的地址/方法
        data: "{'RID':'123'}",//参数，这里是一个json语句
        success: function (data) {
          var result = data.d;
          alert(result);
        },
        error: function (err) {
          alert("err:" + err);
        }
      });
    }
  </script>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <button>用button测试ajax</button>
      <input type="button" value="testAjax" />
    </div>
  </form>
</body>
</html>

后台代码：

using System;
using System.Web.Services;
namespace ajax1
{
  public partial class number3 : System.Web.UI.Page
  {
    protected void Page_Load(object sender, EventArgs e)
    {
    }
    [WebMethod]
    public static string GetJson(string RID)
    {
      return "{'ID':'" + RID + "'}";
    }
  }
}

后台代码中需要注意的地方：

  1. using System.Web.Services;对应下面的[WebMethod]这个一定要加上的。
  2. 后台写的方法一定是公共静态的即一定是public static开头的。
  3. 参数一定是前台的data所传参数的键。 前台中要注意的地方：
  4. 大家应该会注意到，前台我用的是两个button来测试，但是第一个button是不行的，页面会刷新一下，其实这都是form id="form1" runat="server"这行代码的问题，button标签会提交本页面的内容，从而导致异步刷新失败。所以建议大家不要用button标签。但是如果不得不用的话，解决办法还是有的，目前我知道的只有两个：
    • 将form id="form1" runat="server"代码去掉，当然如果本页面有要提交的内容就会很麻烦了。
    • 将<button onclick="aaa();return false;">用button测试ajax</button>。
  5. 前台的测试结果是： 那么我们如何来只获取json后面的值，而不是整个json语句呢，我们可以将json语句对象化，然后根据键来取得对应的值：前台的testAjax()的方法改为：
function testAjax() {
  $.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    url: "number3.aspx/GetJson",
    data: "{'RID':'123'}",
    success: function (data) {
      var result = eval("(" + data.d + ")");//这句话是将json语句对象化
      alert(result.ID);
    },
    error: function (err) {
      alert("err:" + err);
    }
  });
}

此时结果为： 以上就是初步学习json当时遇到的问题所留下的经验。同时我想验证一下是否能够在后台重载方法来实现根据前台的data是否有参数来判断要执行的方法，所以我将代码改动了一下： 改动后的前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="number3.aspx.cs" Inherits="ajax1.number3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head runat="server">
  <title>测试ajax</title>
  <script src="js/jquery-1.4.1.js" type="text/javascript"></script>
  <script type="text/javascript" language="javascript">
    function testAjax() {
      $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        url: "number3.aspx/GetJson",
        data: "{'RID':'123'}",
        success: function (data) {
          var result = eval("(" + data.d + ")");
          alert(result.ID);
        },
        error: function (err) {
          alert("err:" + err);
        }
      });
    }
    function aaa() {
      $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        url: "number3.aspx/GetJson",
        success: function (data) {
          alert(data.d);
        },
        error: function (err) {
          alert("err:" + err);
        }
      });
    }
  </script>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <button>用button测试ajax</button>
      <input type="button" value="testAjax" />
      <input type="button" value="aaa" />
    </div>
  </form>
</body>
</html>

改动后的后台代码：

using System;
using System.Web.Services;
namespace ajax1
{
  public partial class number3 : System.Web.UI.Page
  {
    protected void Page_Load(object sender, EventArgs e)
    {
    }
    [WebMethod]
    public static string GetJson()
    {
      return "hello ajax";
    }
    [WebMethod]
    public static string GetJson(string RID)
    {
      return "{'ID':'" + RID + "'}";
    }
  }
}

所得的效果为： 第一个和第二个按钮点击后效果为： 第三个按钮点击后效果为： 所以我的初步结论为：后台的重构函数是不成功的，如果有的重构参数的话，只会执行带参数的，而不会执行那个不带参数的。现在还不是太明白为什么会这样，所以希望明白原理的分享一下自己的观点。当然这只是个人观点，如若有误，望请指正。

json 和ajax的区别

JSON来自于javascript，但是应用上面远远不止是javascript的json。 它相当于xml，是一种比较流行的标准格式，是数据的载体。 javascript json 是用于javascript程序的，它可以支持对象引用以及函数。 ajax json只是最简单的字符串和数字，它不可能完全支持javascript里面的数据类型。

json和jsonp的区别，ajax和jsonp的区别

json和jsonp虽然只有一个字母的区别，但是它们之间扯不上关系。

  • JSON 是一种轻量级的数据交换格式。
  • JSONP 是一种跨域数据交互协议。

JSON的优点：

  1. 基于纯文本传递极其简单。
  2. 轻量级数据格式适合互联网传递。
  3. 容易编写和解析。

ajax和jsonp的区别：

  • 相同点：都是请求一个url。
  • 不同点：
    • AJAX 的核心是通过 XMLHttpRequest 获取内容。
    • JSONP 的核心则是动态添加 script 标签来调用服务器提供的 js 脚本。
推荐文章