如何将邮件表单提交到将json发送回原始页面的服务器页面

时间:2014-03-21 09:41:00

标签: javascript ajax json html5 cordova

你好,溢出的人。我正在创建一个phonegap移动应用程序。我创建了api,它接收发布的数据,然后在屏幕上显示json数据。如何从我提交的屏幕到我提交的网站页面获取json数据(作为提交结果)。我目前正在使用localhost。提前谢谢。

3 个答案:

答案 0 :(得分:1)

尝试这个

formData = {
    paramYourPhpVariable: paramFromForm
}
$.ajax({
    type: 'POST',
    contentType: 'application/json',
    url: "http://localhost/test.php",
    dataType: "json",
    data: formData,
    success: function(data) {
        console.log(data);
        //success handler
    },
    error: function(data) {
        //error handler
    }
});

确保您的Web服务可以请求和响应JSON格式。我附上了几个链接供你澄清。

答案 1 :(得分:0)

在php中你可以这样做:

<?php
header('Content-Type: application/json');
$post = getPost(); // your original post

if($post){          
    echo json_encode(array("Works"=>$post));    //return records back to mobile, or you can return some other data
}else {
    echo json_encode(array("msg"=>"error"));
}

function getPost(){ // decode the json post
    return json_decode(file_get_contents("php://input"), true); 
}

?>

答案 2 :(得分:0)

我几天前解决了这个问题,谢谢你们的帮助。以下链接显示了如何使用ajax发布表单。 http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp之后我只需要抓住显示并使用JSON.parse(xmlhttp.responseText)而不是像示例中的xmlhttp.responseText。