Ajax-Aufruf nicht funktioniert?

Hallo ich versuche ein Formular Absenden in der bootstrap-modal. Das modal öffnet, basierend auf einem href-click-Ereignis. Das a href-tag wird b erzeugt, dynamisch in der ajax-call mit Jquery.

format des a-href-tag ist unten zu rufen, bootstrap modal.

'<a id="addvideo" data-toggle="modal" data-title="'+field.title+'" data-id="'+field.video_id+'" data-desc="'+field.description+'" data-channelname="'+field.channel_name+'" data-yudate="'+field.created_date+'" href="#form-content">'+field.title+'</a>'

Den modal, welche ich Vorschlage, wird unten angezeigt.

                <div id="form-content" class="modal hide fade in" style="display: none;">
                    <div class="modal-header">
                        <a class="close" data-dismiss="modal">×</a>
                        <h3>Add Video</h3>
                    </div>
                    <div class="modal-body">
                        <form name="addvideo" class="form-horizontal" action="#" id="addchannelvideo">
                            <div class="control-group">
                                <label class="control-label" for="videotitle">Title</label>
                                <div class="controls">
                                    <input type="text" id="videotitle" name="videotitle">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="videoid">Video ID</label>
                                <div class="controls">
                                    <input type="text" id="videoid" name="videoid">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="videodesc">Description</label>
                                <div class="controls">
                                    <textarea id="videodesc" name="videodesc"></textarea>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="channelname">Channel</label>
                                <div class="controls">
                                    <input type="text" id="channelname" name="channelname">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="actors">Actors</label>
                                <div class="controls">
                                    <input type="text" id="actors" name="actors">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="directors">Directors</label>
                                <div class="controls">
                                    <input type="text" id="directors" name="directors">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="producers">Producers</label>
                                <div class="controls">
                                    <input type="text" id="producers" name="producers">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="musicians">Music Directors</label>
                                <div class="controls">
                                    <input type="text" id="musicians" name="musicians">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="cast">Cast</label>
                                <div class="controls">
                                    <input type="text" id="cast" name="cast">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="yudate">Youtube Uploaded Date</label>
                                <div class="controls">
                                    <input type="text" id="yudate" name="yudate">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="cudate">CMS Uploaded Date</label>
                                <div class="controls">
                                    <input type="text" id="cudate" name="cudate">
                                </div>
                            </div>
                            <div class="control-group">
                                <div class="controls">
                                    <label class="checkbox">
                                        <input type="checkbox" id="orderno">Priority video
                                    </label>
                                    <label class="checkbox">
                                        <input type="checkbox" id="hidevideo">Hide in Mobile App
                                    </label>
                                    <button class="btn btn-success" id="submit"><i class="icon-white icon-ok"></i> Submit</button>
                                    <button class="btn btn-inverse"><i class="icon-white icon-circle-arrow-left"></i> Cancel</button>
                                </div>
                            </div>
                         </form>
                    </div>
                </div>

Jetzt anrufen modal basiert auf klicken Sie auf ich bin mit unter javascript-code und dieser code nur ich bin, die übergabe von Daten an modalen durch die Einstellung von text-Feldern Werte in der modalen Verwendung von Jquery wie unten.

$(document).on("click", "#addvideo", function () {
 var videoid = $(this).data('id');
 var videotitle = $(this).data('title');
 var videodesc = $(this).data('desc');
 var channelname = $(this).data('channelname');
 var yudate = $(this).data('yudate');

 $(".modal-body #videoid").val( videoid );
 $(".modal-body #videotitle").val( videotitle );
 $(".modal-body #videodesc").val( videodesc );
 $(".modal-body #channelname").val( channelname );
 $(".modal-body #yudate").val( yudate );
  });

Ajax-Aufruf-Funktion ist kleiner als eins ist.

$(document).ready(function(e) { 
     $('input#submit').click(function() {
        var title = $('#videotitle').val();
        var videoid = $('#videoid').val();
        var description = $('#videodesc').val();
        var channel = $('#channelname').val();
        var actors = $('#actors').val();
        var directors = $('#directors').val();
        var producers = $('#producers').val();
        var musicians = $('#musicians').val();
        var cast = $('#cast').val();
        var yudate = $('#yudate').val();
        var orderno = 0;
        if($("#orderno").is(':checked'))
        {
            var orderno = 1;
        }
        var hidevideo = 0;
        if($("#hidevideo").is(':checked'))
        {
            var hidevideo = 1;
        }
        var postdata = "title="+title+"&videoid="+videoid+"&description="+description+"&channel="+channel+"&actors="+actors+"&directors="+directors+"&producers="+producers+"&musicians="+musicians+"&cast="+cast+"&orderno="+orderno+"&hidevideo="+hidevideo+"&yudate="+yudate;


        $.ajax({            
            type: 'POST',
            url: 'addvideo.php',
            data: "title="+title+"&videoid="+videoid+"&description="+description+"&channel="+channel+"&actors="+actors+"&directors="+directors+"&producers="+producers+"&musicians="+musicians+"&cast="+cast+"&orderno="+orderno+"&hidevideo="+hidevideo+"&yudate="+yudate,
            datatype:'json',
            success: function(response) {
                $("#form-content").modal('hide');
                alert(response);
            },error: function(){
                alert("video categorization failed");
            }
        });
    });
    });

Nun meine modal laden ist fein und Werte zeigen sich in den zugeordneten text-Boxen einmal das modal geladen klicken Sie auf "href" - tag. Aber nach Klick auf "Absenden" ist es umleiten auf der selben php-url und alle Parameter hinzufügen, die als query-Parameter und komisch ist, wenn ich open modal zweites mal und versuchen, zu senden ajax-Aufruf zu arbeiten.

haben Sie verhindern, dass Standard-Standard-form-submit-Aktion
Nein habe ich nicht getan. Ich versuche jetzt mit, dass
Nein, Nein, es ist nicht einmal die Einreichung zweiten mal

InformationsquelleAutor Venkata Krishna | 2013-10-09

2
```
$('input#submit').click(function(e) {
e.preventDefault();//
.....rest of the code here 
});
```
wenn die Formular-Elemente werden dynamisch geladen, dann versuchen Sie delegieren klicken Sie auf
```
$(document).on("click", "#submit", function (e) {
 e.preventDefault();
});
```
- genial..du mich retten..ich war versucht, für 6-7 Stunden. 1 nach oben von mir
InformationsquelleAutor Arun Killu

versuchen Sie es mit folgenden getestet und workinf-code für AJAX-call

//Get the form data. This serializes the entire form. pritty easy huh!
var form = new FormData($('#form_step4')[0]);
$.ajax({
    type: "POST",
    url: "savedata.php",
    data: form,
    cache: false,
    contentType: false,
    processData: false,
    success:  function(data){
        //alert("---"+data);
        alert("Settings has been updated successfully.");
        window.location.reload(true);
    }
});

Müssen Sie laden jQuery für diese.

InformationsquelleAutor Sunil Verma

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.