序列化元素

Posted 代码小精灵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了序列化元素相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>序列化元素</title>
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
</head>
<body>
<form action="#" id="form1">
<p>评论</p>
<p>姓名: <input type="text" id="username"> </p>
<p>内容: <input type="text" id="content"> </p>
<p><input type="button" name="" value="提交" id="send"></p>
<div id="resText">

</div>
</form>

<script type="text/javascript">
$("#send").click(function() {
  $.get(‘get.php‘,{
    username : $("#username").val(),
    content : $("#content").val()
  }, function(data) {
  $("#resText").html(data);
  });
});

</script>


</body>
</html>

(1)与Jquery中的其他方法一样,serialize()方法也是作用于jQuery对象,它能够将DOM元素内容序列化为字符串,用于Ajax请求。

通过使用serialize()方法,可以把刚才的代码改成以下

<script type="text/javascript">
$("#send").click(function() {
  $.get(‘get.php‘,$("#form1").serialize(), function(data) {
    $("#resText").html(data);
  });
});
</script>

加载get.php代码如下

<?php
  header("Content-Type:text/html;charset=utf-8");
  echo "<div class=‘comments‘><strong>{$_GET[‘username‘]}:</strong><span>{$_GET[‘content‘]}</span></div>";
?>

以上是关于序列化元素的主要内容,如果未能解决你的问题,请参考以下文章

jquery元素序列化执行或序列化

序列化元素

jQuery序列化表单时将制定元素排除在外

在使用数据协定序列化程序序列化IXmlSerializable对象时,如何控制根元素名称空间和名称?

将 Web 服务调用的结果反序列化到子元素类型

Jackson xml反序列化 - 序列化为一个列表,其中包含任意元素