Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/247.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以/如何使用jQuery/Ajax在远程服务器上输入数据并提交表单_Javascript_Php_Jquery_Ajax_Cordova - Fatal编程技术网

Javascript 是否可以/如何使用jQuery/Ajax在远程服务器上输入数据并提交表单

Javascript 是否可以/如何使用jQuery/Ajax在远程服务器上输入数据并提交表单,javascript,php,jquery,ajax,cordova,Javascript,Php,Jquery,Ajax,Cordova,我在远程服务器上有一个表单,它只包含一个文本框和一个提交按钮。提交此表单后,将返回(PHP)XML。如何使用ajax/jQuery来填写表单、提交表单并接收要处理的XML?未经测试,我认为您应该朝着以下JS的方向前进。当然,这是一种轻松的想法,可能有以下各种含义(例如XSS保护等)。但如果我们说的是一种简单的形式,我认为这可能会奏效 此外,通过一些失败回退等扩展以下内容将是一种良好的做法。有关Ajax函数的文档,请参阅 //这应该是操作值指向的URL var url='1〕http://remo

我在远程服务器上有一个表单,它只包含一个文本框和一个提交按钮。提交此表单后,将返回(PHP)XML。如何使用ajax/jQuery来填写表单、提交表单并接收要处理的XML?

未经测试,我认为您应该朝着以下JS的方向前进。当然,这是一种轻松的想法,可能有以下各种含义(例如XSS保护等)。但如果我们说的是一种简单的形式,我认为这可能会奏效

此外,通过一些失败回退等扩展以下内容将是一种良好的做法。有关Ajax函数的文档,请参阅

//这应该是操作值指向的URL
var url='1〕http://remote/form/action';
//要提交的文本字段的数据
var textFieldValue='foobar';
$.ajax(
网址,
{
'type':'POST',//也可以是GET,具体取决于您的表单
“数据”:{
“textFieldName”:textFieldValue,
},
“成功”:函数(数据){
console.log(data);//字符串中的原始XML
}
}
);

编辑:正如Kevin B所提到的,您将面临上述跨域策略问题,使这种情况变得更加复杂。因此,您需要确保在目标域上安排了COR

您的php也在远程服务器上吗?jquery是从您的服务器而不是远程服务器提供的,对吗?AJAX只是发送和接收HTTP请求/响应,所以是的,理论上是可能的。然而,要知道这在你的情况下是否可行,需要依赖于你没有提供给我们的大量信息。首先,您需要一个不阻止跨域AJAX的浏览器。请检查POST操作所需的url和数据,并使用这些POST数据直接向url发出相同的请求!或者,将jquery加载到node.js中,然后从那里开始执行。不过,此时您也可以使用node.js发出请求,或者使用您已经使用的任何服务器端语言。由于同源策略,成功将不会执行,因此xml将无法访问。@KevinB您完全正确,谢谢。我已经将CORS信息添加到我的原始帖子中。
// This should be the URL where your <form> action's value is pointing at
var url = 'http://remote/form/action';

// The textfield's data you want to submit
var textFieldValue = 'foobar'; 

$.ajax(
    url,
    {
        'type': 'POST',                        // Could also be GET, depending on your form
        'data': {
            'textFieldName': textFieldValue,   
        },
        'success': function (data) {
            console.log(data);                 // Your raw XML in a string
        }
    }
);