jq代码学习21----- ajax serialize( )

来源：互联网发布：优化客户对策编辑：程序博客网时间：2024/05/08 17:11

serialize( )作用于jq对象，将DOM元素内容序列化为字符串。
demo.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">* { margin:0; padding:0;}body { font-size:12px;}.comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}.comment h6 { font-weight:700; font-size:14px;}.para { margin-top:5px; text-indent:2em;background:#DDD;}</style> <!--   引入jQuery --><script src="../scripts/jquery.js" type="text/javascript"></script><script type="text/javascript">    $(function(){       $("#send").click(function(){            $.get("get1.php", $("#form1").serialize() , function (data, textStatus){                        $("#resText").html(data); // 把返回的数据添加到页面上                    }            );       })    })</script></head><body><form id="form1" action="#"><p>评论:</p> <p>姓名: <input type="text" name="username" id="username" /></p> <p>内容: <textarea name="content" id="content"  rows="2" cols="20"></textarea></p> <p><input type="button" id="send" value="提交"/></p></form><div  class='comment'>已有评论：</div><div id="resText" ></div></body></html>

get1.php

<?phpheader("Content-Type:text/html; charset=utf-8");echo "<div class='comment'><h6>{$_REQUEST['username']}:</h6><p class='para'>{$_REQUEST['content']}</p></div>";?>

阅读全文

0 0