jQuery - إعادة تعيين النموذج بعد الإرسال مع البرنامج المساعد للنموذج

Question

اسمحوا لي أن أبدأ بالقول إن الأمر قد يبدو بسيطًا ولكني أجده صعبًا للغاية.

لقد قمت بإنشاء برنامج نصي للبحث يستخدم PHP وسيبدو جلب النتيجة بهذا الشكل

search.php?term=alice&submit=Submit

الاشياء القياسية..المشكلة هي أنني أستخدم SPI مع AJAX وPHP لذلك يجب تحميل نتائجي ديناميكيًا في div، مع الاحتفاظ بقيمة التجزئة، حتى لا تفقد الصفحة التي زارها المستخدم قبل البحث.

jQuery.history.js هو البرنامج الإضافي الذي أستخدمه لدعم زر الرجوع، والذي يتطلب أن تكون الروابط كما يلي:

<a href="#home">Home Page</a>

سيؤدي هذا إلى تحميل "home.html" في قسم يسمى pageContent.على حد علمي، لا توجد طريقة للاتصال بملفات php إلا إذا قمت بتطوير اختراق بسيط، وهو ما لدي،

إليك JavaScript/jQuery الخاص بي لنموذج البحث الخاص بي:

<script language="JavaScript">
$(document).ready(function() { 
    // bind form using ajaxForm 
    $('#search1').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '#pageContent', 

        // success identifies the function to invoke when the server response 

        success: function() { 
            $('#pageContent'); 
            var hash = '#search.php?term='+($('#query').val()+'&submit=Submit').replace(/ /g, '+');
            var stripped = hash.replace(/(<([^>]+)>)/ig,""); 
            update(window.location.hash = stripped);

        } 

    }); 
});

</script>

وهنا النموذج:

<form id="search1" action="search.php" method="post">
    <input id="query" type="text" name="term" />
    <input type="submit" name="submit" value="Submit" />
    </form>

مشكلتي هي:لقد حاولت this.form.reset(); هذا: إعادة تعيين نموذج متعدد المراحل باستخدام jQuery ولكن لا شيء من هذا يعمل.الرجاء مساعدتي إذا كنت تعرف طريقة للقيام بذلك ..

Answer 1

$('#query').val(DefaultValue);

مع هذا يمكنك تعيين القيمة الخاصة بك إلى ما تريد، مثل فارغة:'';