php ajax dom---动态增加
2016-03-30 18:42
441 查看
js代码
后台程序
<script type="text/javascript"> $(document).ready(function(){ $("#talk_send").click(function(){ var ask = $("#ask").val(); $.ajax({ type: "GET", url: "action.php", data: {value:ask}, dataType: "json", success: function(data){ $('#jp-container').append('<div class=\"talk_recordbox\"><div class=\"user\"><img src=\"images/thumbs/11.jpg\"/>刘韵</div><div class=\"talk_recordtextbg\"> </div><div class=\"talk_recordtext\"><h3 >我的问题是:<label class=\"huida\">'+data['ask']+'</label></h3><span class=\"talk_time\">'+data['time']+'</span></div></div>'); $('#jp-container').append('<div class=\"talk_recordboxme\"><div class=\"user\"><img src=\"images/thumbs/15.jpg\"/>王玉山</div><div class=\"talk_recordtextbg\"> </div><div class=\"talk_recordtext\"><h3>对方的回答是:<label class=\"tiwen\">123</label></h3><span class=\"talk_time\">'+data['time']+'</span></div></div>'); $('#talk_record').scrollTop($('#talk_record')[0].scrollHeight); } }); }); }); </script>
后台程序
<?php header("Content-Type: text/html;charset=utf-8"); $ask = $_REQUEST['value']; $time = date("Y-m-d H:i:s"); echo "{\"time\":\"".$time."\",\"ask\":\"".$ask."\"}"; ?>
相关文章推荐
- Thread详解10:用管道进行线程间通信
- LAMP组合 PHP以FPM模式工作
- phpcms的phpsso与discuz的UCenter的联调时遇到的问题
- php thinkphp+pgsql M('table')->add()不能正常的返回新增记录的主键id值。
- php thinkphp + pgsql table_msg()函数缺失解决方案
- My study note of PHP language(I)
- php mac环境下安装php pgsql扩展
- PHP对编码的常用处理函数
- PHP安全的URL字符串base64编码和解码
- php_CORS 跨域
- PHP性能优化
- YII2通过Composer安装方法
- phpexcel导入excel文件报the filename xxx is not recognised as an OLE file错误。
- PHP 打印函数之 print print_r
- php curl 发送get和post请求示例
- think php A方法
- class.getResource.getPath()中文空格转义问题
- windows 64位PHP5.5配置xhprof
- PHP const 与 define的区别
- FTP客户端