使用PHP/jQuery获取textarea的价值

Question

一直在寻找几个小时如何获得这种排序，我正处于哭泣的边缘，所以计算它的时间来获得一些帮助。这应该很容易，但我明显错过了一些东西。

我想从文本区域内获取文本，然后使用textarea文本执行MySQL更新。我使用PHP和jQuery。

通常，我会在php中使用$ _post，但是，我正在使用jQuery来显示模式弹出窗口。我想运行MySQL更新代码，然后模态弹出窗口会显示一些文字说“已保存”。简单。

所有的代码工作正常，除了我无法获得文本。显然这很关键。

那么如何从textarea中获取文本？

表：

<form name = "editProfile"> 
<textarea rows="2" cols="20" name="bio" id="bio"> 
Some text. 
</textarea> 
</form> 

PHP代码

<?php 
$bio = TEXT FROM TEXTAREA; 

$sql="Update members SET bio = '$bio' WHERE memberID='$memberID'"; 
$result=mysql_query($sql); 
echo ("Profile Update Sucesful"); 
?> 

这bio.text位是你将怎样做它在asp.net ....

上面的表格并没有使用方法/动作，实际上可能不需要“表格”标签，因为我只需要textarea。该模式是通过链接启动的。

请帮忙（请耐心等待我）。如果您需要更多信息，请告诉我。别喊。我是新来的。

Answer 1

$bio = $_GET['bio']; /* or $_POST if your send data with jQuery $.POST */ 

是你需要加载textarea的

注意，你应该在你的形式无论如何指定发送方法，应用安全起见的价值是什么，发送某种隐藏的令牌针对CSRF请求和任何数据操作（如数据库插入）之前，你应该认真清理每输入您收到

Answer 2

让您形式的AJAX调用：

<!-- #dialog is the id of a DIV defined in the code below --> 
<a href="#dialog" name="modal">Simple Modal Window</a> 

<div id="boxes"> 

    <!-- #customize your modal window here --> 
    <div id="dialog" class="window"> 
     <textarea rows="2" cols="20" name="bio" id="bio"> 
      Some text. 
     </textarea> 
     <input id="saveTxt" type="submit" value="Save" /> 

     <!-- close button is defined as close class --> 
     <a href="#" class="close">Close it</a> 

    </div> 

    <!-- Do not remove div#mask, because you'll need it to fill the whole screen --> 
    <div id="mask"></div> 
</div> 

随着你的Javascript：

<script> 

$(document).ready(function() { 

    //select all the a tag with name equal to modal 
    $('a[name=modal]').click(function(e) { 
     //Cancel the link behavior 
     e.preventDefault(); 
     //Get the A tag 
     var id = $(this).attr('href'); 

     //Get the screen height and width 
     var maskHeight = $(document).height(); 
     var maskWidth = $(window).width(); 

     //Set height and width to mask to fill up the whole screen 
     $('#mask').css({'width':maskWidth,'height':maskHeight}); 

     //transition effect  
     $('#mask').fadeIn(1000);  
     $('#mask').fadeTo("slow",0.8); 

     //Get the window height and width 
     var winH = $(window).height(); 
     var winW = $(window).width(); 

     //Set the popup window to center 
     $(id).css('top', winH/2-$(id).height()/2); 
     $(id).css('left', winW/2-$(id).width()/2); 

     //transition effect 
     $(id).fadeIn(2000); 

    }); 

    //if close button is clicked 
    $('.window .close').click(function (e) { 
     //Cancel the link behavior 
     e.preventDefault(); 
     $('#mask, .window').hide(); 
    });  

    //if mask is clicked 
    $('#mask').click(function() { 
     $(this).hide(); 
     $('.window').hide(); 
    }); 

    //if submit is clicked 
    $('input#saveTxt').click(function(event) { 
     event.preventDefault(); 

     //Get the text from your textarea 
     var text = $('textarea#bio').val(); 

     //Post it to your PHP page to insert it into your database 
     $.ajax({ 
      url: "yourpage.php",     //The URL you are posting to 
      type: "POST",       //The way you post your data 
      dataType: "html",      //The type of data you expect to get back 
      data: {text : text},     //Your data (thus the value of your textarea) 
      cache: false, 
      success: function(html) {    //After the AJAX call was done, update the textarea with the HTML you got back 
      $('textarea#bio').val(html); 
      } 
     }); 
    });  

}); 

</script> 

在yourpage.php（这是你可以发布您的数据发送到网页），那么你可以简单地把它拿来：

<?php 
    $bio = mysql_real_escape_string($_POST['text']); 

    //do your query 
    $sql = "Update members SET bio = '$bio' WHERE memberID='$memberID'"; 
    $result = mysql_query($sql); 
    echo ("Profile Update Sucesful"); 
?> 

Answer 3

要想从文本jQuery中的textarea的我总是使用以下命令：

<textarea id="textareaOfInterest">some value</textarea> 
<script> 
    $('#textareaOfInterest').val(); 
</script> 

你的代码的其余部分应该是这个样子：

<textarea id="textareaOfInterest">some value</textarea> 
<input type='button' id="doStuff" value="do" /> 
<script> 
    $('#doStuff').live('click',function(){ 
     show modal window 
     var val = $('#textareaOfInterest').val(); 
     $.ajax({ 
     .... 
     data: "&textArea="+val, 
     success: function(result) 
       { 
      ... do stuff with the result.... 

       hide modal window 
       } 
     }); 

}); 
</script> 

用jquery ajax搜索示例，因为我不太了解语法。

希望它能帮助， 问候， 亚历