Question

我使用来自ajax调用的post方法调用vbscript页面，作为回报，我们从vbscript页面获取html数据。在ajax中是否存在任何可用于在浏览器上加载该html响应的函数，就像我们在vbscript中执行Response.Write一样。我搜索几乎所有可能的解决方案，但没有找到任何相关的。您的小帮助将受到高度赞赏。

Ajax Function : 
<script type="text/javascript">
        function ajaxcallforstatus() {
            $.ajax({ 
            type : "POST",
            url: "http://someURL",
            dataType : "application/json",
            data : $("#status1").val().trim(),
            statusCode:{
                    401:function (data) {
                    $("#status1").val(data.responseText);
                    },
                    400: function (data) {
                        $("#status1").val(data.responseText);
                    },
                    200:function (data) {
                        alert(data.responseText);
                    },
                    500:function (data) {
                    $("#status1").val(data.responseText);
                    }
                }
            }); 
        }
</script>

注意：当我们获得状态200时，我们想在浏览器上加载html响应（data.responseText）。

Answer 1

您可以在jquery中尝试.load

$(element).load('path of the file')

或者你在jquery中需要.html

$(element).html('html code here');

Answer 2

为您的AJAX调用添加success选项。这是一个应该有用的代码段。

function ajaxcallforstatus() {
  $.ajax({ 
    type : "POST",
    url: "http://someURL",
    dataType : "application/json",
    data : $("#status1").val().trim(),
    statusCode:{
      401:function (data) {
        $("#status1").val(data.responseText);
      },
      400: function (data) {
        $("#status1").val(data.responseText);
      }, 
      //I removed the 200 status because
      //that's what the success callback is for.
      500:function (data) {
        $("#status1").val(data.responseText);
      }
    },
    success: function(response) { //<- When it returns successfully,
      $('#myDiv').html(response); 
      //^ Put the returned HTML into the HTML element with id="myDiv"
    }
  }); 
}

如何使用ajax调用在浏览器上加载html响应

2 个答案: