url:ajaxurl,
他这里是把json格式的数据保存在一个页面了,实际应用中你不需要这种的,就是传个url+参数,去后台读取数据库,然后返回一个数组,前台显示。 不要照搬别人的方法,$.post
$.ajax这里的方法你百度一下,看看使用方法就能看懂
JQuery有很多都可以实现异步请求,如$.get()$.post() $.load()$.ajax()...我简单的给你说说$.get()的简单用法.
$.get()的无参数请求后台html数据然后显示在DIV(后台用简单的sevlet)
JS代码:
$(function(){/* 窗体加载 */
$("#按钮ID").click(function(){/* 绑定按钮点击事件 */
var url="XXXXX.action"/* 后台url名 */
var data={"Time":new Date().getMilliseconds(),"你的参数名":"你的参数值"}/* 参数,可以什么都不写,但为了每次获取不同的数据,习惯上要传一个"时间戳",后面还可以加你自己的数据,但必须是键值对类型的,如果有多个,用“,”隔开 */
$.get(url,data,function(data){/* 回调函数,其中data是从后台返回的html数据 */
$("#DIV的ID").text(data)/* 直接输出到DIV中 */
})
})
})
后台servlet代码:/* 你前台用的$.get(),后台就必须用doGet来取,同理前台$.post(),后台doPost.. */
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/htmlcharset=UTF-8")/* 设定编码和返回类型 */
request.setCharacterEncoding("UTF-8")/* 设定参数编码 */
PrintWriter out = response.getWriter()
.........
out.print("你的数据")/* 将数据输入到缓冲区 */
}
至于其他的,你可以去看看JQuery的帮助文档,大多都是这样的。
除了html你还可以返回JSON格式的,不过要加JSON的JAR包。
希望对你有帮助。。。
提交的这个地址可以是jsp页面。你可以在jsp里面写访问的方法,而ajax有一个data属性,这个就是你需要传递的值。
也可以是一个类似.d0的后台程序。如果你使用jquery跟struts的结合,你传递的地址是**.do.我自己开发的一个小项目就是利用jquery,struts,hibernate结合做的。
方法很多,其实不止这些。
大致是这个样子:
jQuery.ajax({
type: "post",//也可以是get,这个你应该知道
url: "**.do",//也可以是*.jsp,*.asp等,方法很多
data: {
value : $(this).val()//这个值是你需要传递的,也可以是一个json对象,反正都是键值对,你在.do或者jsp可以得到。
},
success: function(data, textStatus){//回调函数,返回成功调去
},
error: function(){//返回失败调用
alert("错误!")
}
})
其实你可以看下官方文档,查下其他资料
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)