jQuery Ajax gönderme sorunları

2 Cevap php

Neden aşağıdaki formu almak değil mi? Bütün yaptığı herhangi bir hata atma olmadan normal bir PHP yazı yapmak için ...

Ben dolayısıyla engelini kaldırmak / engellemek, hem de bu konuda blockUi kullanıyorum.

$(document).ready(function(){
    $("input.update").click(function(){
        var str = $(this).parent().serialize();
        $(this).parent().parent().block({ message: "<span class=\"loading\"><img src=\"<?php echo $siteUrl ?>/admin/template/images/loading.gif\" alt=\"loading...\" /><p>Updating...</p></span>" });
        $.ajax({
            type: "POST",
            url: "forms/update.php",
            data: str,
            success: function(){
                $("div.edit_box").unblock();
                $("div.edit_box").append("<span class=\"success\">This has been updated!</span>");
            }
        });
        return false;
    });
});

Bu yüzden lütfen bana ayı jQuery Ajax işlevselliğini kullanarak benim ilk denemem.

2 Cevap

Bu sadece yazının 'başarısı' geri kullanıyorsanız gibi görünüyor çünkü gözleri biraz daha kolay .post yöntemini kullanabilirsiniz. Ayrıca bu blok içindeki aramaları ajaxStart ve ajaxStop koyabilirsiniz. Benim için kıvrımlara bulunuyor.

$(this).parent().parent().block bana yanlış geldi, ben engeli kaldırma için kullanılan aynı öğeye başvuru değişti. Ben de emin 'güncelleme' aslında is (PHP sadece yankı XML ve konsol günlüğüne bunu göreceksiniz) güncellendi ne olursa olsun emin olmak için, PHP komut dosyası çıkışını kontrol ederdim.

$(function() {
    // Apply click handlers to anchors
    $("input.update").click(function(e){
        // Stop normal link click
        e.preventDefault();

        var str = $(this).parent().serialize();

        // Send request
        var action = "forms/update.php";
        $.post(action, {data:str}, function(xml) {
            console.log(xml);
            $("div.edit_box").append("<span class=\"success\">This has been updated!</span>");

        })
    });

    // Adds a wait indicator to any Ajax requests
    $(document.body).ajaxStart(function() {
        $("div.edit_box").block({ message: "<span class=\"loading\"><img src=\"<?php echo $siteUrl ?>/admin/template/images/loading.gif\" alt=\"loading...\" /><p>Updating...</p></span>" });

    }).ajaxStop(function() {
        $("div.edit_box").unblock();
        $("div.edit_box").append("<span class=\"success\">This has been updated!</span>");
    });
});

("input.update").click(function(){

olmalıdır

$("input.update").click(function(){

etiketler