在AJAX调用中收到的响应显示在另一个HTML页面中

Question

我有一个ajax请求调用，该请求将ID发送给服务器，然后服务器发送JSON响应。我想使用该JSON响应中的值更新pre标签的innerhtml。

<script>
    $("#AssociateForm").submit(function(e) 
        e.preventDefault(); 

        var form = $(this);
        var url = form.attr('action');

        var local_id = $('input[name=J_ID]').attr('id'); 

        var formData = 
            'J_ID' : $('input[name=J_ID]').val()
        ;
        console.log(formData)

        $.ajax(
            url: url,
            data: formData,
            dataType: 'json',

            success: function (datas) 
                var data = JSON.parse(datas);
                if(datas.status)
                    alert(datas);
                   //$('#Failure_'+local_id).innerHTML = data.category + ' issue: '+data.j_id +' ('+data.j_status+')'
                
            ,
            error: function(jqXHR, textStatus)
                alert("In error")
            
        )
        .done(function(data)
            alert(data)
        );
    );
</script>

由于某种原因，以上代码也无法打印控制台日志。

但是

当响应到来时，不会触发成功部分。而是将完整的JSON字符串打印在另一页上。

"category": "known", "j_id": "AU298", "j_status": "Confirmed"

下面是来自View-Page-source

<html>
   <head></head>
   <body data-gr-c-s-loaded="true">
     <pre style="word-wrap: break-word; white-space: pre-wrap;">

        "category": "known", "j_id": "AU298", "j_status": "Confirmed"

     </pre>
   </body>
</html>

Answer 1

另一答案