一个JQuery做Ajax提交的案例

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

$(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;
    }
}

 

目录
相关文章
|
4月前
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
39 0
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
|
1月前
|
前端开发
React技术栈-react使用的Ajax请求库实战案例
这篇文章介绍了在React应用中使用Axios和Fetch库进行Ajax请求的实战案例,展示了如何通过这些库发送GET和POST请求,并处理响应和错误。
36 10
React技术栈-react使用的Ajax请求库实战案例
|
12天前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
21 1
|
1月前
|
前端开发
React技术栈-react使用的Ajax请求库用户搜索案例
这篇文章展示了一个React技术栈中使用Ajax请求库(如axios)进行用户搜索的实战案例,包括React组件的结构、状态管理以及如何通过Ajax请求获取并展示GitHub用户数据。
25 7
React技术栈-react使用的Ajax请求库用户搜索案例
|
14天前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
28天前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
16 1
|
2月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
75 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
2月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
28 0
|
2月前
|
JavaScript 前端开发
Ajax的使用(jquery的下载)
这篇文章是关于Ajax学习笔记的分享,包括JQuery的下载方式、Ajax的主要参数说明,以及如何在网页中使用Ajax进行异步请求的示例代码。
|
4月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作