jQuery获取div内容并通过ajax发送到php脚本

我正在尝试获取div的内容并将其发送到ajax

下面是一个发送数据的ajax示例代码，但是如何将div的html内容放在本文中，并通过ajax将其发送到另一个php脚本？

我需要发送“可排序”ui中的所有HTML，而不仅仅是文本

<ul id="sortable">

<li class="ui-state-default">Hello, please send me to Ajax! :)</li>

</ul>


$("button").click(function()
  {
      $.post("get_sorted_content.php", // Example script
      {

       data: $("#sortable").html(); // My NEEDED content - Does not work!

     function(data)
       {

       alert("Data: " + data + ");
       });
 });

您好，请将我发送到Ajax:）

$（“按钮”）。单击（函数（）
{
$.post（“get\u sorted\u content.php”，//示例脚本
{
数据：$（“#可排序”）.html（）；//我需要的内容-不起作用！
功能（数据）
{
警报（“数据：“+数据+”）；
});
});

---

同样，这段代码可能缺少一些元素，但无论如何它都不起作用。这只是一个示例，显示了我正在尝试做的事情。

我将在这里使用AJAX方法作为示例，因为我认为它更清楚您想要做什么。让我们检索li内容并将其发送到您的PHP脚本

不要绑定到

按钮

元素，它一点也不特定，会绑定到页面上的任何按钮。相反，给它一个

id

并绑定到该元素

您的主要问题是，您得到的是id为可排序的

ul的HTML，而不是您要查找的特定
li
元素

<ul id="sortable">
    <li class="ui-state-default">Hello, please send me to Ajax! :)</li>
</ul>

<button id="clickme">Click me!</button>

// bind to the button with clickme ID
$("button#clickme").click(function() {
    $.ajax({
        url: 'get_sorted_content.php',
        type: 'POST', // GET is default
        data: {
            yourData: $('#sortable li').html()
            // in PHP, use $_POST['yourData']
        },
        success: function(msg) {
            alert('Data returned from PHP: ' + msg);
        },
        error: function(msg) {
            alert('AJAX request failed!' + msg);
        }
    });
});

编辑：以下是您的陈述：
我需要发送“可排序”ui中的所有HTML，而不仅仅是文本。
，如果您需要整个
ul
内容，请使用您原来的内容：

data: {
    yourData: $('ul#sortable').html();
}

这里我将使用AJAX方法作为示例，因为我认为它更清楚您想要做什么。让我们检索li内容并将其发送到您的PHP脚本

不要绑定到
按钮
元素，它一点也不特定，会绑定到页面上的任何按钮。相反，给它一个
id
并绑定到该元素

您的主要问题是，您得到的是id为可排序的
ul的HTML，而不是您要查找的特定
li
元素

<ul id="sortable">
    <li class="ui-state-default">Hello, please send me to Ajax! :)</li>
</ul>

<button id="clickme">Click me!</button>

// bind to the button with clickme ID
$("button#clickme").click(function() {
    $.ajax({
        url: 'get_sorted_content.php',
        type: 'POST', // GET is default
        data: {
            yourData: $('#sortable li').html()
            // in PHP, use $_POST['yourData']
        },
        success: function(msg) {
            alert('Data returned from PHP: ' + msg);
        },
        error: function(msg) {
            alert('AJAX request failed!' + msg);
        }
    });
});

编辑：以下是您的陈述：
我需要发送“可排序”ui中的所有HTML，而不仅仅是文本。
，如果您需要整个
ul
内容，请使用您原来的内容：

data: {
    yourData: $('ul#sortable').html();
}

您的
$.post
呼叫需要更改如下：

$.post('get_sorted_content.png', 
          { data: $("#sortable").html()},
          function(data){
              //data is whatever you send back from php script.
          }
      );

如果
$（“#sortable”）.html（）
不起作用，请尝试转义html，如：

escape($("#sortable").html());

您的
$.post
呼叫需要更改如下：

$.post('get_sorted_content.png', 
          { data: $("#sortable").html()},
          function(data){
              //data is whatever you send back from php script.
          }
      );

如果
$（“#sortable”）.html（）
不起作用，请尝试转义html，如：

escape($("#sortable").html());