Question

这里我使用Ajax + Mvc，当我从数据库调用我的数据它是JSON格式但是如何在div中显示这些数据？

Html

<div id="Div1">
    </div>
    <b>Get data</b><input type="button" id="BtnGetData" value="GetData" />

当用户点击BtnGetData时，数据应显示在＃Div1 这里我的AJax工作正常。
但请建议我在哪里写$('#Div1').load();

   $('#BtnGetData').click(function () {
              alert('ok data')
                      $.ajax({
                          url: '/Home/Getdata',
                        method: "GET",
                        type: "JSON",
                        contentType: 'application/json; charset=utf-8',
                        data: JSON.stringify(),                  
                    })
                })

MvcController

public JsonResult Getdata()
        {
            var x = Objrepo.GetEmplo();
            return new JsonResult { Data = x, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
        }

Answer 1

您可以在$ .ajax调用的成功函数上写入div。

例如：

$('#BtnGetData').click(function () {
  $.ajax({
        url: '/Home/Getdata',
        method: "GET",
        type: "JSON",
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(),       
        success: function (data) {        
            console.log(data);
        }       
    })
});

Answer 2

您需要为ajax添加成功回调：

 $('#BtnGetData').click(function () {
              alert('ok data')
                      $.ajax({
                        url: '/Home/Getdata',
                        method: "GET",
                        type: "JSON",
                        contentType: 'application/json; charset=utf-8',
                        success: function(data){
                             $("#Div1").append(data);
                         }
                    })
                })

如果您没有发送任何内容，则无需将数据属性添加到ajax。

Answer 3

可能是，您可以在脚本中添加此功能。

      $('#BtnGetData').click(function () {
                  alert('ok data')
                          $.ajax({
                              url: '/Home/Getdata',
                            method: "GET",
                            type: "JSON",
                            contentType: 'application/json; charset=utf-8',
                            data: JSON.stringify(), 
                            writeResponse(data)                 
                        })
                    });
        writeResponse(data){
       $("Div1").html(data);
};

如何在ajax请求成功时显示Json数据

3 个答案: