Jquery异步提交,回调函数无法触发

问题描述

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <head> <title>主界面</title><link rel="stylesheet" type="text/css" href="jquery-easyui-1.2.4/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="jquery-easyui-1.2.4/themes/icon.css"><link rel="stylesheet" type="text/css" href="jquery-easyui-1.2.4/demo/demo.css"><script type="text/javascript" src="jquery-easyui-1.2.4/jquery-1.6.min.js"></script><script type="text/javascript" src="jquery-easyui-1.2.4/jquery.easyui.min.js"></script><script type="text/javascript" src="jquery-easyui-1.2.4/locale/easyui-lang-zh_CN.js"></script><script type="text/javascript"><%@ include file="tree.js"%><%@ include file="datagrid.js"%>$(document).ready(function(){ $("#selectButton").click(function(){ clickButton(); });});function clickButton() { var url = 'select.do'; var params = { beginTime:$('#beginTime').attr('value'), endTime:$('#endTime').attr('value')//对应的是控件的Id,之前错写成了Name,一个小小的错误也是毁灭性的打击 };jQuery.post(url,params,callbackFun,'json');} function callbackFun(data)//我看网上也可以写与Result,应该是任意的,是一个Json值 {alert("SUCCESS"); }</script> </head><body class="easyui-layout"><div region="north" title="作为参数配置模块" split="true" style="height:108px;padding:6px;"><label>开始时间</label><input class="easyui-datetimebox" id="beginTime" required="true" value="2010-01-03 02:03:56" style="width:150px"></p><label>结束时间</label><input class="easyui-datetimebox" id="endTime" required="true" value="2010-01-03 02:03:56" style="width:150px"><input class="easyui-validatebox" type="text" name="name" required="true"></input><input id="selectButton" type="button" value="登陆" ></div><div region="south" title="South Title" split="true" style="height:100px;padding:10px;background:#efefef;"><div class="easyui-layout" fit="true" style="background:#ccc;"><div region="center">sub center</div><div region="east" split="true" style="width:200px;">sub center</div></div></div><div region="west" iconCls="icon-reload" title="部门树形结构" split="true" style="width:230px;"><ul id="depttree"></ul></div><div region="center" title="Main Title" style="overflow:hidden;"><div class="easyui-tabs" fit="true" border="false" ><div title="Tab1"><table id="datagrid" region="center"></table></div><div title="Tab2" closable="true" style="padding:20px;">This is Tab2 width close button.</div><div title="Tab3" iconCls="icon-reload" closable="true" style="overflow:hidden;padding:5px;"></div></div></div></body></html>package com.zheshou.action;import javax.annotation.Resource;import org.apache.struts2.convention.annotation.Action;import org.apache.struts2.convention.annotation.InterceptorRef;import org.apache.struts2.convention.annotation.InterceptorRefs;import org.apache.struts2.convention.annotation.Namespace;import org.apache.struts2.convention.annotation.ParentPackage;import org.apache.struts2.convention.annotation.Result;import org.apache.struts2.convention.annotation.Results;import org.apache.struts2.interceptor.validation.SkipValidation;import org.springframework.context.annotation.Scope;import org.springframework.stereotype.Component;import org.springframework.web.portlet.bind.annotation.ResourceMapping;import com.opensymphony.xwork2.ActionSupport;import com.opensymphony.xwork2.validator.annotations.*;import com.sun.jndi.url.corbaname.corbanameURLContextFactory;import com.zheshou.model.Employee;import com.zheshou.model.User;import com.zheshou.service.EmployeeService;@ParentPackage(value="json-default")@Namespace(value="/")public class SelectAction extends ActionSupport {//2.ActionSupport必须有这个才行.但是可以不用Execute了private String beginTime;private String endTime;private com.zheshou.model.User user;public com.zheshou.model.User getUser() {return user;}public void setUser(com.zheshou.model.User user) {this.user = user;}public String getBeginTime() {return beginTime;}public void setBeginTime(String beginTime) {this.beginTime = beginTime;}public String getEndTime() {return endTime;}public void setEndTime(String endTime) {this.endTime = endTime;}@Action(value="select",results={@Result(type="json",name="selectuser",params={"includeProperties","user.*"}//root)} ) public String execute(){System.out.println(beginTime);System.out.println(endTime);user.setId(1);user.setUsername("张三");return "selectuser";}}核心代码,如上,不知道为什么,回归函数,就是触发不了,其它的,都正常 问题补充:blueram 写道

解决方案

回调没有执行,看看是不是你的action代码不正确,后台报错了没有,使用firebug调试下
解决方案二:
你的前端代码本身没有问题,请检查,后端的输出是否正确,必须是 JSON 代码。

时间: 2024-09-21 18:44:03

Jquery异步提交,回调函数无法触发的相关文章

json-使用jQuery ajax,回调函数必须在有一个alert()的前面才能执行?

问题描述 使用jQuery ajax,回调函数必须在有一个alert()的前面才能执行? 请问下 $(document).ready(function() { $("#confirm").submit(function(){ var $form = $(this); $.post($form.attr("action"),$form.serialize(),function(data){ alert("5555"); if (data.code

jQuery异步提交表单的两种方式_jquery

本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下 第一种方式:普通ajax方式提交  $(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: GLOBAL_PATH + "/Enterprise/savecompanyphoto", data: {username:$("#username").val(), content:$("#con

jquery异步提交与跨域提交表单方法

2.采用jsonp跨域提交表单是比较好的解决方案. 3.也可以动态程序做一代理.用代理中转跨域请求   jquery(function($) { // 使用 jquery 异步提交表单 $('#f1').submit(function() { $.ajax({ url: 'ta.asp教程x', data: $('#f1').serialize(), type: "post", cache : false, success: function(data) {alert(data);}

jQuery Ajax Post 回调函数不执行问题的解决方法_jquery

今天在写一个检查用户名的功能时,使用的是jQuery.post( url, [data], [callback], [type] )这个函数,但是发现其中的回调函数不能执行. 先来看看我的代码: 前台代码: <script type="text/javascript"> function checkUser() { var user = $('#<%=txtUser.ClientID %>').val(); $.post('checkUser.ashx', {

给jQuery方法添加回调函数一款插件的应用_jquery

插件源码 jquery.callback.js 插件开源地址: https://gist.github.com/4580276 复制代码 代码如下: /** * @fileOverview 本插件用于给jQuery方法添加回调函数,可在类方法或实例方法添加任何自定义的回调函数而不影响原方法的行为 * @dependency jQuery1.7+  * @author huhai * @since 2013-01-21 */ (function($){ $._callbacks = {}; $._

Jquery 异步提交表单(post)

方法  $.post(url,params,function(data){}); 表单的action,method属性都没有 input 的类型只能为button不能为submit只能为button,否则点击button会执行表单action,不会走jquery异步 前台代码 <script type="text/javascript"> $(function()         {    //异步提交表单  $("#save").click(funct

jQuery入门(10) 回调函数

JavaScript语句是一行一行执行的,然而对于前面的动画效果语句,后面的语句可以在动画效果完 成前就执行,因此可能会造成错误的结果. 所以之前的 hide,show,fadeIn,fadeOut,slideIn,slideOut,animation都支持一个callback可选参数,支持为这些 方法添加一个回调函数,在动画完成之后调用. 典型的语法如下: $(selector).hide (speed,callback); 比如,下面的例子中<p>隐藏之后执行: $("butto

Jquery异步提交表单代码分享

 本文是jQuery结合ajax实现的异步提交表单的代码,是个人项目中提取出来的,分享给大家,有需要的小伙伴可以参考下.     功能很实用代码也很简单,就不多废话了,直接奉上: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $.ajax({ url:"mobileSurveyAction_addSurvey.action",//提交地址 data:$("#form1").serialize(),//将表单数据序列化 type:&

jquery下异步提交表单 异步跨域提交表单_jquery

1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数. 使用 jQuery 异步提交表单代码: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> </head> <script src="js/jquery-1.4.2.js">&l