前台html+ajax 后台 servlet交互
来源:互联网 发布:免费装修软件app 编辑:程序博客网 时间:2024/06/08 13:36
后台servlet,前台html+ajax 交互,只复制重要部分。
1. 后台部分,初始化json对象,然后赋值。内容可从数据库中获取。
@WebServlet("/talk")
JSONObject jsonObject = new JSONObject();
jsonObject.put("content", resultSet.getString(1));
jsonObject.put("username", resultSet.getString(2));
jsonObject.put("pubtime", resultSet.getString(3));
2.前台js部分,用ajax获取talk网页内容。用json解析其内容,然后修改标签值
htmlobj = $.ajax({
url: "talk" ,
async: false
});
var talk = JSON.parse(htmlobj.responseText);
$('#shuo').text("内容: " + talk.content);
$('#auth').text("作者: " + talk.username);
$('#time').text("时间: " + talk.pubtime);
3.需要注意:
servlet中json的put中键,要与js获取时的对应。
我做的网站,里面运用了次技术
http://www.fengyunxiao.cn/
0 0
- 前台html+ajax 后台 servlet交互
- ajax前台与后台的数据交互
- Struct2前台后台数据交互jquery+ajax
- 前台android与后台Servlet交互---上传文件
- 前台android与后台Servlet交互---上传文件
- 前台 jsp 与 后台 servlet 的数据交互问题
- 前台后台数据交互之Servlet & XMLHttpRequest(GET篇)
- 前台后台数据交互之Servlet & XMLHttpRequest(POST篇)
- 前台与后台交互(ajax与datagrid入门)
- goahead前台与后台的交互(ajax)
- html+javascript+Servlet表单前台校验,后台验证
- easyui ajax方式与后台servlet交互原理
- easyui ajax方式与后台servlet交互原理
- angular中采用ajax交互后台servlet问题
- JAVA WEB 前台后台交互
- 前台与后台数据交互
- 前后端交互问题总结--JAVA/Servlet + HTML/Jquery/Ajax
- ajax如何后台交互
- Yahoo天气插件Api
- windows下配置nginx+php
- #ifdef _DEBUG #define new DEBUG_NEW #undef THIS_FILE static char THIS_FILE[] = __FILE__; #endif
- 设 P(x,y,z)是所求平面上任一点,则向量 AB=(-3,0,1),AP=(x-3,y,z), 因此平面的法向量为 n1=AB×AP=(-y,x+3z-3,-3y), 而 xoy 坐标面的法向量为
- [转载]带外数据OOB与紧急模式URG
- 前台html+ajax 后台 servlet交互
- Fragment 懒加载实战
- HDU 3592 World Exhibition(差分约束)
- java判断字符串是否为数字
- POJ 1088 滑雪
- linux下文件夹的创建、复制、剪切、重命名、清空和删除命令
- 【工作记录】android删除通话记录
- R语言批量为行列命名
- 酷酷的 CSS3 三角形运用