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

时间:2013-01-21 10:47:29

标签: javascript jquery html ajax json

我创建了具有表单的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);
}

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

2 个答案:

答案 0 :(得分: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(发布,获取等)

答案 1 :(得分:1)

如果稍微修改游览代码,也许会有所帮助:

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");
    });
}