jquery - Colorbox -- 如何在 colorbox 弹出窗口中打开提交的表单？

Question

我的网页上有一个表单。当用户在表单中输入内容并单击“提交”时，我希望弹出带有结果页面的颜色框。

关于如何解决这个问题有什么想法吗？

我想我必须将表单数据转换为 get 字符串，将其放在要打开的 url 末尾，然后将其发送到 colorbox。这是正确的方法吗，还是有更简单的方法？

谢谢:)

Answer 1

对此，我会:

1. 通过将表单序列化为数组来手动提交表单
2. 然后，使用 get、post 或 ajax 提交数据。
3. 将响应写入不可见的 div，然后在此 div 上使用 colorbox。

示例:

$("#myForm").submit(function(){
    var formData = $(this).serializeArray();
    $.get("mypage", formData, function(r){
        $("body").append("<div id='response'></div>");
        $("#response").hide().html(r).colorbox();
    });
    return false; // To override non-ajax submitting
});

您可能需要进行的修改:

• 将 get 更改为 post 或 ajax
• 更改响应转储到的 div(可能生成一个具有随机 ID 的 div，而不是使用常量 response 作为 ID)

另外:

I'm thinking that I have to convert the form data into a get string, put that on the end of the url to open, and then send that to colorbox.

这可行，但前提是您的表单适用于 get。一般来说，我不建议对表单使用 get，因为这可能会导致讨厌的 CSRF 和 XSS 攻击。