Javascript 将JSON数据输出到HTML

我正在使用jQuery回调函数从insert.php接收一个JSON对象，以插入到insert.js文件

正在正确接收对象，但当我尝试将其输出到屏幕时

我得到一个错误：

“类型错误：a未定义”

jQuery.js

JSON

{"result":{"name":"asdasd ","location":"asdasdas","email":"asd"}}

HTML

<form id="InsertEventForm" action="insert.php" method="post">
  <p>Event Name:<br />
    <input id="name"  type="text"  name="name"  />
  </p> 
  <p>Event Location :<br />
    <input id="location" type="text" name="location"  />
  </p>
  <p>Email:<br />
    <input type = "email" name="email" />
  </p> 
  <p>
    <button id="insertSubmit">Save</button></a>
  </p>
</form> 

事件名称：


活动地点：


电子邮件：



拯救

JavaScript

$("#insertSubmit").click( function() {
  $.post( $("#InsertEventForm").attr("action"), $("#InsertEventForm :input").serializeArray(), function(info){ 
    var output='<ul>';
    $.each(info.result,function(key,val){
      output+='<li>';
      output+='<h3>Event Name:' + val.name + '</h3>'; 
      output+='<p>Location:' + val.location + '</p>'; 
      output+='<p>Contact:'+ val.email + '</p>'; 
      output+='</li>';
      console.log(output)                 
    });  
    output+='</ul>';
    $('#result').html(output); // Out put the update div
  });  
  clearInput();//******clears the fields  *//
});

$("#InsertEventForm").submit( function() {
  return false; 
});

$（“#插入提交”）。单击（函数（）{
$.post（$（“#InsertEventForm”）.attr（“操作”），$（“#InsertEventForm:input”）.serializeArray（），函数（信息）{
变量输出=“
”；
$.each（信息、结果、函数（键、值）{
输出+='
'；
输出+='事件名称：'+val.Name+''；
输出+='位置：'+val.Location+'
'；
输出+='联系人：'+val.email+'
'；
输出+='
'；
console.log（输出）
});  
输出+='
'；
$（'#result'）.html（输出）；//输出更新div
});  
clearInput（）；//*******清除字段*//
});
$（“#InsertEventForm”）.submit（函数（）{
返回false；
});

---

如何修复此问题？

对不起，json文件是实际的{“结果”：{“名称”：“asdasd”，“位置”：“asdasdas”，“电子邮件”：“asd”}}。在我看来，错误并非来自公开的代码。你能用JSFIDLE包装一下吗？在你剪下的html中有一个结束标记，没有任何开始标记。这可能是个问题吗？@user3488945不要在注释中添加代码。使用问题下方的编辑链接修改和更正问题。然后你可以删除评论。这将允许其他人阅读您的问题，以便他们能够帮助您。您显然没有发布完整的代码。您似乎使用了一个名为

a

的未定义变量。尝试使用

var a初始化此变量。