这里有新鲜出炉的精品教程,程序狗速度看过来!
AJAX 即 "Asynchronous Javascript + XML"(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
本篇文章主要介绍了 ajax 接收后台数据在 html 页面显示的方法,具有很好的参考价值,下面跟着小编一起来看下吧
Java 代码
- PrintWriter out = response.getWriter(); //向客户端发送字符数据
- response.setContentType("text/text"); //设置请求以及响应的内容类型以及编码方式
- response.setCharacterEncoding("UTF-8");
- JSONArray json = JSONArray.fromObject(newsList); //将newsList对象转换为json对象
- String str = json.toString(); //将json对象转换为字符串
- out.write(str); //将str字符传输到前台
Ajax 代码
- $(document).ready(function() {
- $.ajax({
- url: "newsservlet",
- //请求地址
- dataType: "json",
- //数据格式
- type: "post",
- //请求方式
- async: false,
- //是否异步请求
- success: function(data) { //如何发送成功
- var html = "";
- for (var i = 0; i < data.length; i++) { //遍历data数组
- var ls = data[i];
- html += "<li><a href='second page text.html?newsid=" + ls.news_id + "'class='infNews_wrod_a'><span>" + ls.news_name + "</span></a><span class='date'>" + ls.news_time + "</span></li>";
- }
- $("#ulul").html(html); //在html页面id=ulul的标签里显示html内容
- },
- })
- })
HTML 页面
- <ul id="ulul"></ul>
在 ajax 中,"#" 代表的是一个标签的 id,"." 代表的是一个标签的 class
在 Java 后台, 设置请求以及响应的内容类型以及编码方式 必须写在 json 对象转换字符串 之前 ,否则会造成 json 中文乱码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0517/327495.html