divコンテンツ編集を送受信する

Question

コンテンツ編集可能なテキストをphpファイルに送って、ajaxを使っていくつかの変更を加えたいと思っています。これは、それが設定されている方法です。

のindex.php

<div id="textArea"> 
      <div contenteditable id="textField"></div> 
     </div> 
    </body> 

</html> 

<script> 
    var storyArea = $("#storyArea"); 
    var textField = $("#textField"); 
    var textArea = $("#textArea"); 

    textField.on("keydown", function(e) 
    { 
     if (e.which == 13) 
     { 
      e.preventDefault(); 

      var newVal = textField.text(); 
      var exp = /\W/g; 

      if(!(exp.exec(newVal))) 
      { 
       $.ajax(
       { 
        type: 'post', 
        url: 'story.php', 
        datatype: "html", 
        data: newVal, 
        success: function (data) 
        { 
         alert(data); 
        } 
       }); 
      } 
      else 
      { 
       textArea.css("border", "2px solid #d45454"); 
       textField.empty(); 
       newVal = ''; 
      } 
     } 

    }); 

</script> 

<?php 
    $input = $_POST['newVal']; 
    echo $input; 
?> 

story.phpは私がいる問題は、私の警告は、「未定義のインデックスを返すということです：newVal "

ありがとうございます。

Answer 1

変数に投稿データの名前を付けるには、data: {newVal:newVal}を使用する必要があります。この関数はkey：valueのペアを想定しています。