分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

Ajax

发布时间:2023-09-06 02:11责任编辑:傅花花关键词:Ajax

Ajax 三种方式

get

function fun1(){ ????$.get( ???????????"<%=basePath%>file/ajax", ???????????{"name":"zhansan","age":25}, ???????????function(data){ ???????????????alert(data.name); ???????????}, ???????????"json" ????????????????????); ??}
 @RequestMapping(value = "/ajax",method=RequestMethod.GET) ????public @ResponseBody void testajax(HttpServletRequest request, HttpServletResponse response) throws IOException{ ??????????????????????response.setCharacterEncoding("UTF-8"); ?????????????????????try { ???????????????response.getWriter().write("{\"name\":\"完成\"}"); ???????????} catch (Exception e) { ???????????????// TODO Auto-generated catch block ???????????????e.printStackTrace(); ???????????} ???}

post

 function fun2(){ ??????$.post( ??????????????"<%=basePath%>file/ajax2", ???????????????{"name":"zhansan","age":25}, ???????????????function(data){ ???????????????????alert(data.name); ???????????????}, ???????????????"json" ??????????????????????????????); ??????}
 @RequestMapping(value = "/ajax2",method=RequestMethod.POST) ????public @ResponseBody void testajax2(HttpServletRequest request, HttpServletResponse response) throws IOException{ ??????????????????????response.setCharacterEncoding("UTF-8"); ??????????????????????try { ???????????????response.getWriter().write("{\"name\":\"完成\"}"); ???????????????????????????} catch (Exception e) { ???????????????// TODO Auto-generated catch block ???????????????e.printStackTrace(); ???????????} ??????????}

ajax

 function fun3(){ ??????$.ajax({ ??????????????url:"<%=basePath%>file/ajax2", ??????????????type:"POST", ??????????????async:true, ??????????????data:{"name":"lucy","age":20}, ??????????????success:function(data){ ????????????????????alert( "Data Saved: " + data.name ); ??????????????}, ???????????????error:function(){ ???????????????????alert("Failed"); ???????????????}, ???????????????dataType:"json", ?????????????????????????????}); ??????}

Ajax

原文地址:https://www.cnblogs.com/Jomini/p/9517584.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved