簡體   English   中英

為什么這個jQuery AJAX不起作用?

[英]Why doesn't this jQuery AJAX work?

我不明白為什么這張表格不會發送。

編碼很長,我認為將其全部張貼在這里並不是一個好主意。

  • 鏈接到這里的表格
  • 在此處鏈接到腳本

    我只是嘗試在瀏覽器中加載PHP文件,但無法正常工作。 我將其另存為.txt文件,以便您查看。 它將是@ ...... multiform / post.txt

最重要的是,我將如何發送整個表單,而不是說明“數據”位的所有值:

   $.ajax({
        type: 'POST',
        url: 'post.php',
        data: {subject:options.subject, name:$(this_id_prefix+'#adycustlname').val(),     email:$(this_id_prefix+'#email').val(), message:$(this_id_prefix+'#zip').val()},
        success: function(data){

還要忽略success: function(data){部分,此表單將被放置在滑動面板中,這是滑塊應做的事情。 我有錯,但是主要的問題是要發送表格。

編輯

     $('#submit_seventh').click(function(){

               //send information to server

       $.ajax({
            type: 'POST',
            url: 'post.php',
            data: $('#bob').serialize(),
            success: function(data){
                        $(this_id_prefix+'#loading').css({display:'none'}); 
                        if( data == 'success') {
                            $(this_id_prefix+'#callback').show().append(options.recievedMsg);
                            if(options.hideOnSubmit == true) {
                                //hide the tab after successful submition if requested
                                $(this_id_prefix+'#contactForm').animate({dummy:1}, 2000).animate({"marginLeft": "-=450px"}, "slow");
                                $(this_id_prefix+'div#contactable_inner').animate({dummy:1}, 2000).animate({"marginLeft": "-=447px"}, "slow").animate({"marginLeft": "+=5px"}, "fast"); 
                                $(this_id_prefix+'#overlay').css({display: 'none'});    
                            }
                        } else {
                            $(this_id_prefix+'#callback').show().append(options.notRecievedMsg);
                            setTimeout(function(){
                                $(this_id_prefix+'.holder').show();
                                $(this_id_prefix+'#callback').hide().html('');
                            },2000);
                        }
                    },
  error:function(){
                        $(this_id_prefix+'#loading').css({display:'none'}); 
                        $(this_id_prefix+'#callback').show().append(options.notRecievedMsg);
                                        }
});     




        alert('Data sent');
    });   
        } else return false;  
        alert('Fail');

    });

^^^^^上面的代碼為什么不起作用? ^^^^^

在腳本末尾,您必須替換

$('#submit_fourth').click(function(){
    //send information to server
    alert('Data sent');
});

與正確的URL發送。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM