`
lengchaotian
  • 浏览: 278541 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

jquery 中的ajax页面无刷新提交方法

阅读更多

js代码
function checkName()
{
var value = encodeURIComponent(encodeURIComponent($.trim($("#hnbIdentifier").val())));

if ("" == value)
{
$("#staError").html("");
}
else
{
$.ajax(
{
type : 'POST',
url : 'checkHnbIdentifier',
data : 'hnbIdentifier=' + value,
success : function(msg)
{
if ("true" == msg)
{
$("#staError").html("该基站标识已存在!");
$("#hnbIdentifier").focus();
$("#hnbIdentifier").select();
}
else
{
$("#staError").html("");
}
},
error : function(msg, textStatus, e)
{
alert("当前登录用户失效,请重新登录。");
window.location = path + "/login.jsp";
}
});
}
}


jsp代码:
<tr>
    <td width="25%" height="30" align="center" class="borderbottomright">基站标识</td>
    <td width="75%" class="borderbottom"><label>
      <input name="hnbIdentifier" type="text" id="hnbIdentifier" value="" style="width: 310px;" onblur="checkName();"/>
      <FONT SIZE="" COLOR="red">*</FONT>
      <span id="staError" style="font-size: 9pt; font-family: 黑体; color: red"></span>
    </label></td>
  </tr>
分享到:
评论

相关推荐

    jquery+ajax无刷新评论源码(包含无刷新分页)

    实现了获取评论无刷新,发表评论无刷新,www.sendawangluo.com页面获取评论时显示loading加载效果jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示,...

    jQuery+ajax实现局部刷新的两种方法

    在项目中,经常会用到ajax,比如实现局部刷新,比如需要前后端交互等,这里呢分享局部刷新的两种方法,主要用的是ajax里面的.load()。感兴趣的朋友一起看看吧

    jquery+ajax无刷新评论源码

    jquery+ajax无刷新评论源码 实现了获取评论无刷新,发表评论无刷新,页面获取评论时显示loading加载效果 jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片...

    Ajax无刷新分页示例源码2012419

    程序使用jquery方法提交请求,处理后将数据库绑定到页面中。 Ajax无刷新分页示例源码 程序介绍: 程序使用jquery方法提交请求,处理后将数据库绑定到页面中。 Ajax无刷新分页示例源码 程序介绍: 程序使用...

    使用jQuery封装的ajax实现登陆时用户名已存在的提示,注意没有连接数据库去做判断,重点只是实现无刷新的数据交换

    通过ajax实现页面无刷新验证用户名是否可用,在不点击提交按钮的基础上自动验证用户名,注意此时没有连接数据库去做判断,重点只是实现无刷新的数据交换

    jQuery的ajax中使用FormData实现页面无刷新上传功能

    接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写,这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果,主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。...

    基于jquery ajax 用户无刷新登录方法详解

    Ajax框架就是提供模块化实现Ajax功能的集合,Ajax框架可以是各种语言实现的(比如SAJAX有各种语言的实现),Ajax只是jquery中的一部分, 实例1 代码如下: $.ajax({ type:’post’,//可选get url:’action.php’,//...

    jQuery实现form表单基于ajax无刷新提交方法实例代码

    本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考,具体如下: 首先,新建Login.html页面: &lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ...

    jQuery实现form表单基于ajax无刷新提交方法详解

    本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考,具体如下: 首先,新建Login.html页面: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    jquery ajax异步提交表单数据的方法

    使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的; 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用...

    jQuery中ajax的使用与缓存问题的解决方法

    POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的] 设计WEB页面的时候 也应该遵守这个...

    jQuery基于Ajax方式提交表单功能示例

    提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理,那么页面不能整体刷新,这时第一想到的就是采用...

    jQuery+ajax简单实现文件上传的方法

    可以通过ajax来提交表单,而不会刷新页面。主要使用的方法是 $(“#formID”).ajaxSubmit()方法。 1、要引入js插件 需要下载的附件:jquery.form.js 2、页面代码: [removed][removed] [removed][removed] &lt;...

    jQuery ajaxSubmit 实现ajax提交表单局部刷新

    AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。 需要引入 : jquery-form.js 使用说明: Java代码 $(document).ready(function() { var options = { target: '#mydiv', // 需要...

    Ajax无刷新Url提交页面

    尤其是在Jquery,porotype,Ext等框架流行之后,大量简化的代码可说是为程序员带来了福音, 从繁重的代码工作之中解脱出来,轻易的就可以实现过去书写复杂的功能。 不过有利有弊,到如今,习惯了使用各种框架,而很...

    JQuery 又谈ajax局部刷新

    JQuery 再谈ajax局部刷新。 案例: 描述: 1. 点击登录则弹出登录对话框 2. 如果用户名密码不正确,则提示错误信息 3. 当输入信息正确,则刷新登录信息,显示用户名和退出按钮 4. 点击退出弹出提示信息...

    利用ajax提交form表单到数据库详解(无刷新)

    优点是不刷新页面,不跳转页面,静默提交的。 至于什么是ajax,自己去百度了解。 首先我们得要有一个表单提交页面: index.html 这个页面由两个部分组成 1、表单控件 2、jQuery+ajax处理脚本 jQuery脚本会获取...

    HTML页面局部刷新的实现代码

    3、通过DOM方法或jQuery方法将数据载入页面,事件响应刷新完成。 $('#input_date').keypress(function(e){  if(e.keyCode=='13'){  $.ajax({  type: "POST",  url: "inquire_date.php",  data: {  

    Ajax无刷新在线查词

    内容索引:脚本资源,HTML,无刷新提交,AJAX AJAX无刷新在线查词,输入中文或英文,直接响应翻译结果,不刷新页面,方便快捷,带有音标注释及例句(部分单词无),用了jQuery的Ajax相关函数实现,同时兼容IE6,7,8,FF,...

    基于jQuery通过jQuery.form.js插件使用ajax提交form表单

    我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提交?提交...

Global site tag (gtag.js) - Google Analytics