jQuery formu göndermek ve sonra varolan bir div sonuçlar göstermektedir

3 Cevap php

Ben teslim zaman, (dosyasına girdileri geçen) bir php dosyasını alıp sonra (metin sadece bir satır) sonuç almak ve bir div yerleştirin ve bakış içine div solmaya gerektiğini basit bir metin giriş formu var .

Burada ben şimdi ne var

<form id=create method=POST action=create.php>
<input type=text name=url>
<input type="submit" value="Create" /> 

<div id=created></div>

Neye ihtiyacım create.php sonuçları nedir? Url = GİRDİ, dinamik olarak oluşturulan denilen div içine yüklenecek.

Ben jquery formu script var, ama doğru işe almak mümkün olmamıştır. Ama kütüphane yüklü olduğu (dosya) yapmak.

3 Cevap

Bu kod bunu yapmak gerekir. Bu kadar basit bir şey için Form eklentisi gerekmez:

$('#create').submit(function() { // catch the form's submit event
    $.ajax({ // create an AJAX call...
        data: $(this).serialize(), // get the form data
        type: $(this).attr('method'), // GET or POST
        url: $(this).attr('action'), // the file to call
        success: function(response) { // on success..
            $('#created').html(response); // update the DIV
        }
    });
    return false; // cancel original event to prevent form submitting
});

Yukarıdaki yayınlanmıştır çözümlerin her ikisi için de bunları sarmak gerekir

$(document).ready(function() {
  //one of the examples
});

Emin göndermek olay muhtemelen forma bağladım yapmak.

Eğer sayfa yenilenmesini istemiyorsanız eğer formu göndermek için AJAX kullanmanız gerekir.

$('#create').submit(function () {
    $.post('create.php', $('#create').serialize(), function (data, textStatus) {
         $('#created').append(data);
    });
    return false;
});

etiketler