Отправка нескольких форм на странице с помощью ajaxform () - PullRequest
1 голос
/ 08 августа 2009

как получить идентификатор родительского div текущей формы отправки с помощью плагина ajaxform
У меня нет проблем с состоянием успеха

Спасибо.

ниже мой код.

<script type="text/javascript" charset="utf-8">
$('.formsubmit').ajaxForm( { 

    beforeSubmit: function() {
        // here want form parent div display loading..
        var id = $(this).parent().id; // my problem here how to get current action form parent div id 
        $('div#'+id).html("Loading...");
    },
    url: '/post.php',
    success: Response,
    datatype: ($.browser.msie) ? "text" : "xml"
});
function Response(xml) {
    // let say XML return is equal 1
    var id = xml;
    $('div#'+id).html("Success");
}
</script>

<html>
<body>
<div id="1">
    <form class='formsubmit' action='/post.php' method='post'>
        <input name='url' value='stackoverflow.com'>
    </form>
</div>
<div id="2">
    <form class='formsubmit' action='/post.php' method='post'>
        <input name='url' value='jquery.com'>
    </form>
</div>
<div id="3">
    <form class='formsubmit' action='/post.php' method='post'>
        <input name='url' value='google.com'>
    </form>
</div>
</body>
</html>

1 Ответ

3 голосов
/ 08 августа 2009

Из того, что я вижу в документах , beforeSubmit метод вызывается с тремя параметрами:

  • данные формы в формате массива
  • объект jQuery для формы
  • Объект параметров, переданный в ajaxForm / ajaxSubmit

Учитывая, что если вы измените свой, прежде чем отправить на

beforeSubmit: function(formData, formObj, options) {
    var id = formObj.parent().attr('id');
    $('div#'+id).html("Loading...");
}

Это должно работать, хотя я не проверял.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...