javascript - 当服务器和客户端在同一系统上时如何捕获 JSON 对象

Question

我制作了具有表单的 HTML 页面，在提交时，它使用此事件处理程序调用 JavaScript。

 onClick = operation(this.form)

JavaScript是：

function operation(x) {
    //url:"C:\Users\jhamb\Desktop\assignment_1_18_1_13\question_3\ques\form1.html",
    url:"http://localhost:8080",
    $.ajax({
       data:{
           comment:x.comment.value,       // information from html page
           email: x.email.value,          // information from html page
           url:x.url.value,               // information from html page
           name:x.name.value,             // information from html page
       }
    }).done(function(serverResponse){
         alert("response is ready");    //here you can handle server response
    }).fail(function(err){
         alert("ohhh!!! there is some error");   //here you can handle errors
    });

    //alert(obj.details[3].comment_value);
}

现在我想要的是在服务器和客户端之间进行通信，即在同一个系统上。我的代码不起作用。现在我该怎么办，请帮忙。

Answer 1

首先，我不认为您的服务器侦听端口 8080，该端口通常用于管理软件。

其次，您必须将 url 放入 ajax 请求中

function operation(x) {
    //url:"C:\Users\jhamb\Desktop\assignment_1_18_1_13\question_3\ques\form1.html",

    $.ajax({
        url:"http://localhost:8080",
        data:{
            comment:x.comment.value,       // information from html page
            email: x.email.value,          // information from html page
            url:x.url.value,               // information from html page
            name:x.name.value,             // information from html page
        }
    }).done(function(serverResponse){
        alert("response is ready");    //here you can handle server response
    }).fail(function(err){
        alert("ohhh!!! there is some error");   //here you can handle errors
    });

//alert(obj.details[3].comment_value);
}

您还应该在参数列表中添加dataType（html 或 json）、发送type（post、get 等）

Answer 2

如果您稍微修改一下游览代码，也许会有所帮助：

function operation(x) {
    $.ajax({
        url: "http://localhost:8080",
        data: $(x).serialize(),
    }).done(function (serverResponse) {
        alert("response is ready");
    }).fail(function (err) {
        alert("ohhh!!! there is some error");
    });
}