ajax 直接一般可以返回一个数据,但是对于一个html片段,如果还是在后台慢慢拼接的话,那就太麻烦了,怎让他返回呢,其实很简单。下面我们一spring mvc为例,讲解一下:
一般我们从一个control调到页面:
@RequestMapping("templateManage2")
public String toManage2(Emp emp,Model model){
emp.setId(1);
emp.setName("haha");
model.addAttribute("emp", emp);
model.addAttribute("a", "123");
return "/empfile/emp";
}
这是服务器端跳转,这样我们就直接把值传到页面并且显示了。前段可能是一个a标签之类的直接跳转,或者JS的windows的open方法。
但是我们想过没有,如果前端用ajax请求呢?(ajax请求返回的类型是html切记)
这样ajax的function返回的是一个一大段html代码,这个html代码就是这个emp.jsp页面的代码,很好就这样。所以你可以定义一个emp.jsp的片段,并且你还可以在页面上运用你熟悉的C标签,可以把control的值带到页面上去。
看代码:
<%@ include file="/WEB-INF/include/taglib.jspf"%> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <c:forEach items="${userList}" var="user" varStatus="c"> <dl onclick="writeLectureRecordsInnerInput(${user.id});"> <dd> <jy:di key="${user.userId }" className="com.mainbo.jy.uc.service.UserService" var="u"/> <ui:photo src="${u.photo}"></ui:photo> </dd> <dt> <h2>${user.username}</h2> </dt> </dl> </c:forEach>
你可以直接写你所需要返回的代码片段。
function updateState(id,state,obj){ $.ajax( { url:_WEB_CONTEXT_+'jy/lecturerecords/changeShare',// 跳转到 action data:{ id : id, state:state }, type:'post', cache:false, dataType:'html', success:function(data) { var deleteFlag=$(data).find("#isdelete").val();//查找删除标记 if(deleteFlag=="0"){//分享操作 var quxiaofenxiang=$(data).find("#isshare").val();//取消分享操作 if(quxiaofenxiang!=""){ alert(quxiaofenxiang); } $(obj).parents("tr").html($(data).html()); }else if(deleteFlag=="1"){//删除操作 $(obj).parents("tr").remove(); } }, error : function() { alert("修改听课状态异常!"); } }); } 这个function里面的data就是你要返回的html代码,你还可以用jQuery去取出里面的元素,哈哈 是不是很好用!!取出data之后,你可以直接用jQuery的html方法写入你所需要的地方。
var quxiaofenxiang=$(data).find("#isshare").val();用jQuery从返回的data里面找元素
$(obj).parents("tr").html($(data).html());jQuery写入到指定的地方
相关推荐
ajax回调函数是怎么写的ajax回调函数是怎么写的ajax回调函数是怎么写的
jquery AJAX 回调函数取JSON成功代码,不需要数据库,jquery路径引导正确可运行,数据调用是已定义json数据
Ajax存在问题就是在异步情况下无法控制什么时候完成记录显示,本人根据回调方法封装了个类,能够将回调方法用参数方式指定,使ajax调用结束后调用回调方法,吧内容传回。ajaxSubmitToDivCallback(显示内容div,提交...
1、自己手写的javascript ajax异步调用 并回调js函数传参。 2、异步调用并实现xsl 解析xml
jQuery AJAX-加载片段,会很好的增加代码的重用性。
ServletActionContext.getResponse().setContentType(“text/json;... 您可能感兴趣的文章:jQuery Ajax Post 回调函数不执行问题的解决方法Javascript基于AJAX回调函数传递参数实例分析ajax回调函数中使用$(this)取不到
简短例子总结,多个ajax共享变量,改变异步属性设置即可,一句话的事情
好久不发好东西了。发个好东西给大伙用 嘻嘻。 使用JQUERY 的AJAX 提交查询参数,并从结果集合中创建下拉 ...效果是,用户边输入,边回调服务端查询结果,构建选择项供用户选择。 可以修改CSS 来让界面更美观。
ajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用...
主要介绍了Javascript基于AJAX回调函数传递参数的方法,结合实例形式较为详细的分析了JavaScript使用ajax传递参数的相关技巧以及回调函数的实现技巧,需要的朋友可以参考下
采用HttpModule技术处理Ajax 的回调实践类库程序例子,采用c#+VS2005开发,提供几个ajax回调例子以及一个SlideShow程序案例!
实现form表单的回调,以及异步,伪ajax,即用户通过form表单提交后,就可以等待后台的相应
主要介绍了jQuery实现ajax回调函数带入参数的方法,结合实例形式对比分析了jQuery实现ajax回调函数不带入参数与带入参数的具体实现技巧,需要的朋友可以参考下
//name param 但是,上面是虽然是直接在函数签名中定义了参考,如果不是自己调用o.show(‘param’)时,而是通过其他函数回调传入时,就不一定好使了,因为别人在调用此方法时不一定给你传入此参,比如在使用ajax时
javascript AOP 实现ajax回调函数使用比较方便,需要的朋友可以参考下。
ajaxDemo的例子ajaxDemo的例子
以上所述是小编给大家介绍的Ajax获取回调函数无法赋值给全局变量的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持! 您可能感兴趣的...