如何使用 Xui 框架的 xhr 对象提交表单值？

Question

我正在尝试使用移动应用程序的 Xui javascript 框架，但我陷入了使用其 xhr ajax 对象提交表单的困境。我正在尝试将用户名和密码表单值提交到 php 脚本。这是我的代码：

x$(window).load(function(){ 

    x$('#login').click(function(){
    var data = {};
    x$('#xuiForm input').each(function(elem){
        data[elem.name] = elem.value;
    });
    var forminput = JSON.stringify(data);

    x$('#xuiForm').xhr('http://localhost/demo/getform.php',{
        method:'post',
        async: 'false',
        data: forminput,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        callback: function(){x$('#responsediv').html('inner',this.responseText);}
        })
    });
});

谁能告诉我这有什么问题以及如何修复它？

Answer 1

如果您想使用 form-urlencoded 内容类型提交表单，则不应使用 JSON.stringify()，而应创建一个 url 编码字符串。例子：

var data = "";
replyForm.find('#xuiForm input').each(function(elem){
    data += elem.name + "=" +  encodeURIComponent(elem.value) + "&";
});