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

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

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

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

• Hello, please send me to Ajax! :)

$("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方法为例，因为我认为您想要做什么更加清晰。让我们检索li的内容并将其发送到您的PHP脚本。

不要绑定到button元素，该元素根本不是很具体，它将绑定到页面上的任何按钮。而是给它一个id并绑定到它。

您的主要问题是获取的是ID为sortable的ul的HTML，而不是您要获取的特定li元素。

• Hello, please send me to Ajax! :)

Click me!

// 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);

}

});

});

现在，在您的PHP脚本中，您可以使用$_POST['yourData']访问该数据：

// get_sorted_content.php

if(!empty($_POST['yourdata']))

echo 'data received!';

else

echo 'no data received!';

?>

编辑：看到您的陈述后：I need to send ALL the HTML in the "sortable" ui and not just the text.，如果您需要整个ul内容，请使用原来的内容：

data: {

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

}