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

时间:2011-09-05 09:01:18

标签: ajax javascript-framework xui

我正在为移动应用程序提供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);}
        })
    });
});

有谁能告诉我这有什么问题以及如何解决它?

1 个答案:

答案 0 :(得分:0)

如果您要提交包含form-urlencoded内容类型的表单,则不应使用JSON.stringify(),而是创建一个url编码的字符串。例如:

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