1

我有一个动态创建的下拉列表，我可以在其中从我的 MySQL 数据库中选择时事通讯。重点是，当我选择时事通讯时，数据库中的内容会插入到文本区域中。

下拉列表是这样的：

<?php
    echo "<select id=\"NieuwsbriefSelect\" name=\"show\">"; 
    echo "<option size =30 selected>Select</option>";
    if(mysql_num_rows($sql_result)) 
    { 
    while($row = mysql_fetch_assoc($sql_result)) 
    { 
    echo "<option value=\"$row[Titel]\">$row[Titel]</option>"; 
    } 

    } 
    else {
    echo "<option>No Names Present</option>";  
    } 
?>

jquery是这样的：

<script>
// variable to hold request
var request;
$(document).ready(function() {

$('#NieuwsbriefSelect').change(function() { 
//send Ajax call to get new contents 
var selected_text = $(this).val(); 
// setup some local variables 
var $form = $("#myForm"); 
// let's select and cache all the fields 
var $inputs = $form.find("input, select, button, textarea"); 
// serialize the data in the form 
var serializedData = $form.serialize(); 

alert(serializedData); 

// fire off the request to /get_my_contents.php 
request = $.ajax({ 
url: "/get_my_contents.php", 
type: "GET", 
data: serializedData 
}); 

alert("ajax call done"); 

// callback handler that will be called on success 
request.done(function (response, textStatus, jqXHR){ 
//populate the TextArea 
alert(response); 
$("textarea[name='content']").html(response); 
}); 



});

});
</script>

get_my_contents.php：

<?php 
$title = $_REQUEST["show"]; 
mysql_connect('localhost','root','root'); 
mysql_select_db('NAW') or die (mysql_error()); 
$strSQL = "SELECT Content from NAW.Mail where Titel = '$title' "; 
$sql_result = mysql_query($strSQL); 

$row = mysql_fetch_assoc($sql_result); 

print urldecode($row["Content"]); 
?>

所以它应该做的是将响应添加到文本区域中。然而问题是 ajax 请求似乎没有做任何事情。当我运行它并从下拉列表中选择一个时事通讯时，我将收到前 2 个警报，但之后它什么也不做。我还要提到我基本上没有使用 Jquery 的经验，但其他人建议我应该使用它并帮助我像当前状态一样获得它。如果有人能看到问题所在或提出另一种方法，那就太好了！

注意： 我知道我不应该使用 mysql_* 并且稍后我将更改为 PDO！

4

3 回答 3

0

“数据”可能有换行符

$("textarea[name='content']").html(data);

=

$("textarea[name='content']").html('line number1
line number2

line number3 with a previous blank line');

并且换行导致js出错

你只需要修复换行符。

于 2013-12-23T02:59:27.857 回答
0

我不确定，如果这是一个问题，但我会重写这样的代码：

request = $.ajax({ 
url: "/get_my_contents.php", 
type: "GET", 
data: serializedData
success: function(data)
    {
    //populate the TextArea 
    alert(data);
    $("textarea[name='content']").html(data); 
    }
});
于 2013-03-28T14:07:11.577 回答
0 
var myTextareaVal = $('#message-textarea').val();

$.ajax({                                       
      type: "GET",
      url: "myPhpFile.php",           
      data: "text=" + myTextareaVal,           
      cache: false,
      dataType: "html",           
      success: function(data) {   
            $('.modal_content').find('.message:last').before(data);
      }
});
于 2013-05-21T09:53:45.053 回答