想要上传和解析 json 文本，并通过使用 ajax 单击按钮将其加载到我的索引页

Want to upload and parse a json text and load it to my index page by a click of a button using ajax

本文关键字：按钮 单击 ajax 加载 索引 我的 和解 json 文本      更新时间：2023-09-26

我在内容文件夹下创建了一个名为"名称"的文本。我用Json格式写的。 我正在尝试获取该名称文本并在单击按钮的结果后显示它。我想出了一些解析代码来解析 json。我只是不知道把它放在哪里。我认为它在我的成功中：功能(数据(领域的某个地方。请帮帮我。

<p>
  <script type ="text/jscript">
      $(document).ready(function () {
          $.ajax({
              url: "/MvcApplication1/Content/Name.txt",
              success: function (data) {
                  var jsnObj=$parseJSON(data);
                  $("#button").click(function(){
                       $("p").append(jsonObj.First);
                       $("P".append(jsonObj.Last);
                   });
              },
              error: function () {
                  alert("error");
              }
          });
      });
  </script>
</p>
<div id="nameDiv"></div>
<button id ="button><Get Name</button>

是的，创建 2 个函数，一个执行 Ajax 运算，一个执行解析，您需要将"数据"传递给解析函数。

  function doParse(jsondata) {
     var jsonobj = $.parseJSON(jsondata);
     /*  ... next stuff */
    /* UPDATE ( as comment ): say jsonobj  is {"pizzatype":"ham"} */
    /* output examples */
     alert(jsonobj.pizzatype);
     $("#mydivonthepage").html("My favourite pizza is"+jsonobj.pizzatype);

    }
     $(document).ready(function () {
      $.ajax({
          url: "/MvcApplication1/Content/Name.txt",
          success: function (data) {
              doParse(data);
          },
          error: function () {
              alert("error");
          }
      });
  });

注意*你可以进一步简化 - 参见getJSON的例子 - http://api.jquery.com/jQuery.getJSON/

相关文章：