jQuery with Codeigniter AJAX投稿の問題

Question

私はこれを理解しようとしてきましたが、最初の考えよりも難しいようです。しかし、私がやろうとしていることは、ajaxの投稿リクエストを作成することですが、POSTは送信時に空であるようです。

私のHTMLファイル

<div id="statusUpdate"> 
     <?php echo form_open(base_url() . 'profile/statusUpdate', array('id' => 'statusUpdateForm', 'name' => 'statusUpdateForm')); ?> 
      <input type="text" value="Hva tenker du på?" name="profileUpdate" id="profileUpdate" onfocus="if(this.value == 'Hva tenker du på?')this.value=''" onblur="if(this.value == '')this.value='Hva tenker du på?'" /> 
      <input type="submit" value="" name="profileUpdateButton" id="profileUpdateButton" /> 
     <?php echo form_close(); ?> 
    </div> 

私のJavascriptの

 $('#statusUpdateForm').submit(function() { 

     $.ajax({ // Starter Ajax Call 

      method: "POST", 
      url: baseurl + 'profile/statusUpdate', 
      data: $('#statusUpdateForm').serialize(), 
      success: function(data) { 
       alert(data); 
      } 

     }); 

     return false; 

    }); 

私のPHP（コントローラでの私のmedhodの一部）

// Check if the input is a ajax request 
    if($this->input->is_ajax_request()) { 
     echo $_POST['profileUpdate']; 
    } 

コントローラにecho "Hello World"などを置くと、javascriptの警告ボックスに "Hello World"が表示されます。

、私はこのようなエラーが出る私はまた、$ _POST上のvar_dumpを試みたと私は出力に特定の$ _POST [「profileUpdate」]変数をしようとしているとき、それは 配列（0）{}を返します。私もseralize機能I JSからの警告を行ってきた

、これは、私が得たもの

である私はTHIを修正することができます方法を知っている誰もがあります問題？

Answer 1

methodをtypeに変更してみてください。

ajax()を使用する場合のデフォルト設定であるGETリクエストをスクリプトが実行していると推測していますが、POSTリクエストではありません。このように：

$.ajax({ // Starter Ajax Call 

     // "method" isn't an option of $.ajax 
     // method: "POST", 
     type: "POST", 

     url: baseurl + 'profile/statusUpdate', 
     data: $('#statusUpdateForm').serialize(), 
     success: function(data) { 
      alert(data); 
     } 

    }); 

Answer 2

jQueryの一部は、HTTPヘッダをチェック

  $(document).ready(function(){ 

       $('form').submit(function(){ 
        //alert('ok');  
        $.ajax({ 
         url:this.action, 
         **type:this.method,** 
         data:$(this).serialize(), 
         success:function(data){ 
          var obj = $.parseJSON(data); 

          if(obj['roll']!=null) 
          {        
           $('#message').text(""); 
           $('#message').html(obj['roll']); 
           $('#message').append(obj['name']); 
           $('#message').append(obj['phone']); 
          } 
          else 
          {        
           $('#message').text(""); 
           $('#message').html(obj); 
          } 

         }, 
         erro:function(){ 
          alert("Please Try Again"); 
         }       
        }); 
        return false; 
       });       
      }); 

     </script>