一个JQuery做Ajax提交的案例

$(document).ready(function(){
 //$('#loginButton').focus();
   $('#password').bind('keyup', function(event){
   if (event.keyCode=="13"){
 
    subLogin();
   }
});
 $("#loginButton").click(function(){
  subLogin();
 });
});

function subLogin(){

 if(usernameLogin()){
  $.ajax({
   type:"POST",
   url:"http://localhost:8080"+basePath + "/composite/login1.action?caccountName="+$('#username').val()+"&password="+$('#password').val(),
   dataType:'json',
   success:function(data){
    if(data.success == "true"){
     alert(data.msg);
        $('#username').val("");
        $("#password").val("");
    }else{
     location.href ="http://localhost:8080/misps/portal/index.jsp";
    }
   },
   error: function (XMLHttpRequest, textStatus, errorThrown) {
                                                alert(errorThrown);
                                        }
   
  });
  
 };
}

function usernameLogin(){
 var t_name = $.trim($('#username').val());
 $('#username').val(t_name);
 var t_pass = $.trim($("#password").val());
 $("#password").val(t_pass);
    if (t_name == '' || t_pass == '') {
     alert("用户名或密码不能为空");
  return false;
    }else{
     return true;
    }
}

 

时间: 2024-11-10 00:30:48

一个JQuery做Ajax提交的案例的相关文章

Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

jquery的ajax提交form表单的两种方法小结(推荐)_jquery

jquery的ajax提交form表单的两种方法小结(推荐) 方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($('#formAddHandlingFee').serialize()); $.ajax({ type: "POST", dataType: "html", url:

Jquery中ajax提交表单几种方法(get、post两种方法)

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

jquery实现ajax提交form表单的方法总结

 本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一:     代码如下: function AddHandlingFeeToRefund()           {             var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";                    alert($('#formAddHandlingFe

jQuery使用$.ajax提交表单完整实例_jquery

本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

ajax-.NET华表数据提交到后台怎么转成JQuery的Ajax提交

问题描述 .NET华表数据提交到后台怎么转成JQuery的Ajax提交 下面是以前的JS代码,我不太会用这种方式提交,而且这种方式提交到后台后,无法Response.Write("");跳转页面. 程序会异常,能修改成JQuery Ajax提交吗? 我看这个的提交类型好像是XML类型,Ajax支持这种吗? var parsefile = "EvaFillAssessment.aspx?DID="+DID; var xmldoc = new ActiveXObject

jquery中AJAX提交from表单的例子

这里主要是jquery实现ajax提交form表单的方法,需要的朋友可以过来参考下.  代码如下 复制代码 //添加 $(".BaseWorkSaveAdd").click(function (e) {     $.ajax({ type: 'POST', url: "/TalentResume/TalentWorkAdd", data: {     WorkID: $("#WORKID").val(),     INOFFICEDATESTAR

jquery 使用AJAX提交Form表单实例介绍

 使用AJAX提交Form表单的方法,其中主要的就是ajaxForm()和ajaxSubmit(),ajaxForm和ajaxSubmit都支持众多的选项参数,这些选项参数可以使用一个Options对象来提供.Options只是一个JavaScript对象,它包含了如下一些属性与值的集合: Options对象的详解: 1.)target 指明页面中由服务器响应进行更新的元素.元素的值可能被指定为一个jQuery选择器字符串,一个jQuery对象,或者一个DOM元素. 默认值:null. 2.)u

jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法_jquery

废话不多说了,直接给大家贴代码了. jQuery(function ($) { // 备份jquery的ajax方法 var _ajax = $.ajax; // 重写ajax方法,先判断登录在执行success函数 $.ajax = function (opt) { var _success = opt && opt.success || function (a, b) { }; var _opt = $.extend(opt, { success: function (data, te