`
lengchaotian
  • 浏览: 281128 次
  • 性别: 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实现无刷新提交的功能

    本例中的无刷新提交功能主要依赖于jQuery提供的`$.ajax()`方法。该方法允许我们向服务器发送异步请求,并处理服务器响应的结果。 #### 示例代码解析 下面我们将对示例代码进行详细解析,帮助理解其工作原理: ```...

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

    本文将介绍使用jQuery和ajax来实现页面局部刷新的两种方法。对于jQuery,它是一个快速、小巧、功能丰富的JavaScript库,通过它可以轻松操作DOM,而ajax允许我们实现无需重新加载整个页面就可以更新网页的部分内容。 ...

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

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

    ASP jQuery AJAX无刷新评论留言实例(好几个)

    **无刷新评论** 实现的关键在于,当用户提交评论后,使用jQuery的`.ajax()`方法发送POST请求到服务器端的ASP.NET处理程序。这个请求包含了用户输入的评论内容。服务器端验证数据,如果有效,则将新评论存储到数据库...

    无刷新提交数据[jquery+ajax]

    无刷新提交数据是一种提高网页用户体验的技术,通过使用jQuery和AJAX(异步JavaScript和XML)实现。在传统的网页交互中,用户提交表单时通常会触发整个页面的刷新,这可能导致用户丢失当前浏览状态,而无刷新提交则...

    jQuery Ajax无刷新提交表单并执行邮件通知

    **jQuery与Ajax无刷新提交表单** 在网页开发中,jQuery和Ajax技术的结合使得用户交互体验得到了极大的提升。"jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    综上所述,这个"asp+jquery ajax实例源码"展示了如何利用ASP作为服务器端语言处理数据,结合jQuery的AJAX功能,实现无刷新的交互体验,优化用户在添加、删除、修改和分页操作中的浏览感受。通过学习和理解这个实例,...

    jquery ajax无刷新技术

    总结,jQuery的AJAX无刷新技术是现代Web应用中不可或缺的一部分,它使我们可以构建响应式、交互性强的页面,提高用户体验。结合JSON2.js,我们可以确保在所有浏览器中都能正确处理JSON数据。通过熟练掌握这些知识,...

    jQuery_AJAX 无刷新评论

    在现代Web开发中,jQuery和AJAX技术常常被结合使用以实现无刷新页面交互,显著提升用户体验。"jQuery_AJAX 无刷新评论"的功能,就是利用这两种技术实现在不重新加载整个网页的情况下,动态更新评论区内容。下面将...

    ASP和Ajax结合,实现无刷新操作数据库

    在ASP中处理服务器端逻辑,如访问数据库、验证用户输入等,然后利用Ajax在后台处理这些任务,无需刷新整个页面,只更新必要的内容区域。 实现ASP和Ajax的结合,主要涉及以下几个关键步骤: 1. **创建Ajax请求**:...

    使用jQuery ajax提交表单代码

    总的来说,使用jQuery的ajax方法提交表单是一种高效且灵活的方式,能够无缝集成到现有的jQuery应用中。通过理解以上知识点,开发者可以创建更动态、响应更快的Web应用。在提供的压缩包文件“jqueryform”中,你应该...

    jQuery ajax 无刷新 验证码 asp.net

    在IT行业中,jQuery AJAX技术是实现网页无刷新交互的核心手段,尤其在验证码验证场景下,它的应用更加凸显出用户体验的优势。ASP.NET是一个强大的Web应用程序框架,由微软开发,提供了丰富的功能来构建动态网站、Web...

    jquery的ajax方法

    **jQuery的Ajax方法**是JavaScript库中的核心特性之一,它为开发者提供了简单、高效的数据交互方式,无需刷新页面即可实现异步与服务器进行通信。在Web开发中,jQuery的Ajax功能极大地简化了XMLHttpRequest对象的...

    php+jquery+ajax无刷新评论 无刷新翻页,字数统计 绝对可以用

    无刷新翻页通常使用分页技术实现,配合AJAX可以做到用户在浏览评论时无需等待整个页面刷新。jQuery可以通过监听“下一页”或“上一页”按钮的点击事件,再次调用$.ajax(),向服务器发送请求获取指定页码的评论数据。...

    jquery+ajax无刷新评论源码

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

    asp.net+jquery+ajax无刷新用户注册,登录,修改密码

    例如,在登录过程中,使用Ajax提交表单,服务器验证成功后,可以直接将欢迎消息插入到页面适当位置,而不是刷新整个页面。 在"TravelUser"这个示例中,可能包含了用户管理的相关页面,如注册页面(Register.aspx)...

    jquery 无刷新上传 ajax 无刷新上传

    在IT行业中,无刷新上传是一种常见的用户界面技术,它极大地提升了用户体验,因为它允许用户在不重新加载整个网页的情况下提交文件。本示例聚焦于使用jQuery实现无刷新上传,结合Ajax技术,实现高效、流畅的文件上传...

    asp.net2.0和jquery做的ajax无刷新留言板

    在这个"asp.net2.0和jquery做的ajax无刷新留言板"项目中,开发者可能使用了以下技术点: 1. **ASP.NET 2.0 页面生命周期**:了解 ASP.NET 页面的生命周期是至关重要的,因为它决定了服务器端代码何时何地运行。在 ...

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    在Web开发中,PHP、jQuery和AJAX是三个非常关键的技术,它们共同为...通过结合PHP、jQuery和AJAX,我们可以创建出交互性强、用户体验良好的Web应用,无需刷新页面就能实现数据的提交和接收,大大提升了用户的操作体验。

    php+jquery+ajax无刷新上传图片

    在本文中,我们将深入探讨如何使用PHP、jQuery和AJAX技术实现无刷新图片上传功能。这一技术在现代网页开发中非常常见,它提高了用户体验,让用户能够在不刷新整个页面的情况下完成文件上传。 首先,我们从PHP的角度...

Global site tag (gtag.js) - Google Analytics