ajax调用后台Java

//html部分

<input type=‘text‘ placeholder=‘用户名‘ id="username" name="username" class="text" tabindex="1">
       <input type=‘text‘ placeholder=‘密码‘ id="password" name="pwd" class="text" tabindex="2">
            <a javasript:// id="login">登录</a>

//一个登陆的页面  需要username和password

//js部分(其中写了一些判断和正则之类,这里就不详细说明了)

$.ajax({
    type:"get",     //http请求方式,"get":从指定的资源请求数据;  "post":向指定的资源提交要处理的数据;

  url:.......,    //发送请求的URL地址
    data:{username:"username",userpassword:"userpassword"},    //要发送给服务器的数据,以 Key/value 的键值对形式表示;
    dataType:"text",     //预期服务器返回的数据类型
    success: function(result){
     location.href = "c-1.html"       //请求成功后回调函数
    },
    error:function(XMLHttpRequest, textStatus, errorThrown){     //  请求失败时调用此方法;
       alert(XMLHttpRequest.status);         //可查询XMLHttpRequest状态status       

     alert(XMLHttpRequest.readyState);    // ()里为弹出的值       (0)未初始化 (1)载入 (2)载入完成 (3)交互 (4)完成    

        alert(textStatus);                //弹出parsererror则返回数据类型有误,即dataType的值
                    alert(‘读取超时,请检查网络连接‘);
    }
   })
  })
 })

时间: 2024-10-11 04:05:32

ajax调用后台Java的相关文章

Ajax调用后台action返回JSONArray(JSONObject)类型实现jsp中下拉列表的动态显示

一.描述 现在有个jsp页面上有一个所属学校和一个所属班级的下拉列表,只有在选择所属学校后才弹出所属班级列表,所以采用Ajax技术返回一个ArrayList类型的键值对显示在所属班级列表中,效果如图1所示: 二.源代码 1.main.jsp主要源代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@

仅用aspx文件实现Ajax调用后台cs程序。(实例)

仅用aspx文件实现Ajax调用后台cs无刷新程序.(实例) 两个文件:aaa.aspx 和aaa.aspx.cs 一.aaa.aspx <script type="text/javascript"> function Request() { alert("1"); $.ajax({ type: 'post', url: 'Test442.aspx?method=Send2', // [调用后台的事件] cache: false, success: fu

webform中 ajax调用后台方法(非webservice)

后台: public partial class Ajax_ShoppingCart : System.Web.UI.Page { bookdbDataContext bdc = Connect.bookdb(); protected void Page_Load(object sender, EventArgs e) { if(!IsPostBack) { if(Request.Form["method"]!=null) { switch (Request.Form["me

thinkjs学习-this.assign传递数据和ajax调用后台接口

在页面加载时,就需要显示在页面上的数据,可以在后台使用this.assign赋值,在前台通过ejs等模板获取:用户点击按钮,或者触发某些事件和后台进行交互时,就需要用到ajax调用后台接口.本文通过一个例子讲述这两种方法的前后台实现.(方便起见,使用jQuery封装的ajax)' (ps:ajax调用后台接口的情形通常是用户触发事件,给后台传递一些前台的数据,然后后台根据这些数据进行相关操作,再返回前台一些数据.举个表单提交的例子,用户点击提交按钮之后,将填写的表单信息传递个后台,后台对传过来的

asp.net如何在前台利用jquery Ajax调用后台方法

一 :最近因为帮同事开发项目使用到了asp.net,而我又想实现Ajax异步请求....从网上查询了一下资料之后,原来在asp.net中利用Ajax调用后台方法同样很简单,为了便于自己以后查看,特将此整理后记录如下 先贴上前台代码如下: 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="aspnetAjax.In

Web传输,前台的参数数据量过大[json格式的字符串],可能达到几M,ajax调用后台方法时

eb传输,前台的参数数据量过大[json格式的字符串],可能达到几M,ajax调用后台方法时,无法传递问题分析:tomcat上默认post提交大小为2M,左右,超过这个大小了,就会传值不成功解决方法:修改post提交大小的限制大小,在server.xml上修改,如下:<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="2000" redirectPort="8

ASP.NET中JQuery+AJAX调用后台

做订餐系统手机端时,遇到一个问题,实现登录功能时,我要调用后台的方法进行验证和判断.我们应用的是webForm进行开发的,正常情况下只要绑定按钮的方法,前后台对应就可以实现.但是,手机端应用MUI样式之后,就不适用于这种情况了.基于这个问题,我们使用JQuery+Ajax技术,其实MUI中也自带ajax技术. 实现过程: webForm代码: function login() { var name = document.getElementById("username").value;

Asp.net中ajax调用后台方法

这个当然不用说大家都知道的一种就是ajax调后台的方法.1.有参数的方法调用示例代码如下:前台jQuery代码:$(function() {  这个当然不用说大家都知道的一种就是ajax调后台的方法. 1.有参数的方法调用 示例代码如下: 前台jQuery代码: $(function() {   var browers = browersEstimate();   var params = '{browersType:"' + browers + '"}';   $.ajax({   

Asp.net中JQuery、ajax调用后台方法总结

通过上一篇文章实例的实现,整个过程当中学习到很多知识点,了解了Jquery.Ajax在asp.net中的运用,加以总结,其实原理都是一样的,理解了一种,其他的注意很少的区别就可以了.灵活运用: 1.有参数的方法调用 示例代码如下:前台jQuery代码:$(function() {  知道的一种就是ajax调后台的方法. 1.有参数的方法调用 示例代码如下: 前台jQuery代码: [plain] view plaincopyprint? <span style="font-size:18p