首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在jquery mobile中进行表单数据的跨域发布?

如何在jquery mobile中进行表单数据的跨域发布?
EN

Stack Overflow用户
提问于 2013-02-01 20:06:12
回答 2查看 1.3K关注 0票数 0

我正在尝试使用ajax将表单提交到不同域上的远程服务器(PHP服务器)。虽然我听说过使用jsonp作为数据类型,但我不确定如何使用它,就像如何从PHP服务器返回jsonp数据一样。有人能在这方面给我一些帮助吗?如果可以,请指定我应该如何编写返回jsonp的PHP脚本。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-02-02 18:35:57

我已经使用jsonp解决了跨域ajax请求。我可以通过GET而不是POST提交表单,所以表单数据的安全性取决于您。下面是我是如何做到的:

PHP服务器代码:

代码语言:javascript
运行
复制
header('Access-Control-Allow-Origin: *');
header('content-type: application/json; charset=utf-8');

$first_name = $_GET['first-name'];
$last_name = $_GET['last-name'];

// Process the first-name and last-name here, like storing them in a database or something like that.

$data = array('response' => "success");
echo $_GET['jsonp_callback'].'('.json_encode($data).')';

客户端ajax代码:

代码语言:javascript
运行
复制
function init(){
//allowing cross domain requests :
        $.mobile.allowCrossDomainPages = true;
        $.support.cors = true;

        $.ajax({
                type:"GET",
                url:"http://xyz.com/process.php",
                cache:false,
                data:formData,
                crossDomain: true,
                dataType:'jsonp',
                jsonp:'jsonp_callback',
                 success:function(data){
                    if(data.response=="success"){
                          alert("success");
                    },

                 error:function(){
                    alert('Sorry, unable to register! Try again.');
                }
              });
          }
票数 1
EN

Stack Overflow用户

发布于 2013-02-01 23:37:25

下面是一个简单的设置:

代码语言:javascript
运行
复制
<?php

 $var1 = $_POST['var1'];
 // repeat mapping form post vars to local php vars

 // code to do something with vars such as INSERT to database goes here

 // select information or build up hard-coded response

 // set header for response
 header('content-type: application/json; charset=utf-8');

 // setup response object
 $data = array('resposne' => 'succcess', 'formId' => 5);

 // return json object
 echo json_encode($data);

?>

然后,您的jQuery可能如下所示:

代码语言:javascript
运行
复制
$.ajax({
  url: 'data.php', 
  data: $('#yourForm').serialize(), 
  success: doSomethingWithResult 
});

function doSomethingWithResponse(result) {
  alert(result.response); // should alert "success"
}

如果这不起作用,网络上还有很多其他更具体的例子。我发现这是一个很棒的读物:http://www.geekality.net/2010/06/27/php-how-to-easily-provide-json-and-jsonp/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14645930

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档