`
fisherhe
  • 浏览: 53359 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jquey Ajax 操作

阅读更多
html代码:<input type="text" name="userName"/><br/>
                <input type="button" name="check" id="check">

  对客户端的数据进行判断,如果输入的字符串为"123"则在页面上显示"true";

     如下:用简单的$.get方式代替复杂$.ajax的操作,当请求成功时可调用回调函数;

   

 

jquery代码:
     $(document).ready(function() {
		$("#check").click(onclick);//绑定button按钮,添加click事件
}
      )
    onclick(data,status){
}
function onclick(){
	$.get("check.do",{"userName":$("#userName").val()},function(data,textStatus){
		this;
		alert(this)//this是指ajax的相关信息
		alert(data);//json数据({:}这种键值对方式)
		alert(textStatus);//状态码
	}
  )
}
 post方式:
$.post(url,data,callback,datatype)
    url  为请求路径 
     data 参数格式 {参数名:参数}{name:"fisher"}
    callback 回调函数
    datatype 返回数据的类型 (html,xml,json)
方法与get方式差不多,
后台的处理部分注意要有关闭 或者刷新操作  Response.Flush();
      		       Response.close();

 

分享到:
评论
8 楼 fisherhe 2009-10-20  
coofucoo 写道
引用
onclick


系统自带onclick,这里也用onclick命名是否欠考虑呢?

只是个方法名称,自己定义的,这样写方便阅读一点,试了的,没有和系统的onclick冲突。
7 楼 fisherhe 2009-10-20  
JavaEye4Cwy 写道
想找个回复的理由,终于找到了。。。

楼主的选择器好像有误啊,
#应该是用在id上的。

恩 复制的时候少写了,加上去了。
6 楼 JavaEye4Cwy 2009-10-18  
想找个回复的理由,终于找到了。。。

楼主的选择器好像有误啊,
#应该是用在id上的。
5 楼 leiwuluan 2009-10-18  
coofucoo 写道
引用
onclick


系统自带onclick,这里也用onclick命名是否欠考虑呢?

有点道理。但是不是会像java那样的方法重写了呢?
4 楼 coofucoo 2009-10-18  
引用
onclick


系统自带onclick,这里也用onclick命名是否欠考虑呢?
3 楼 fisherhe 2009-10-17  
風一樣的男子 写道
好久没用 JQuery 了

我也一样,偶尔用了一下提交AJAX,框架太多了,不知如何是好?
2 楼 風一樣的男子 2009-10-16  
好久没用 JQuery 了
1 楼 husai 2009-10-14  
学习了,前些天只是简单的用到了$.ajax()...

相关推荐

    传统Ajax和JqueryAjax操作Json对比案例

    2. **JqueryAjax操作JSON** Jquery库提供了更简洁、易用的Ajax接口,大大简化了上述过程: - 使用`$.ajax()`函数:提供包括URL、数据类型、数据等在内的各种配置选项,如`dataType: 'json'`指定接收JSON格式数据。...

    jQuery ajax操作WebService实例源码

    jQuery ajax操作WebService实例源码 jquery中的ajax 操作Webservice的例子,适合初学者,里面包括许多jQuery的内容 jQuery中的动态效果应用,按钮移动,元素隐藏等。异步加载 HTML json XML等示例。

    JQuery DoM和ajax 操作

    **jQuery AJAX操作** jQuery的AJAX功能是其另一个核心特性,它封装了原生的XMLHttpRequest对象,使得异步数据交互更加便捷。 1. **$.ajax()**: 这是jQuery中最全面的AJAX函数,允许我们自定义请求的所有参数,如...

    Jquery Ajax分页(有实例)

    jQuery封装了AJAX操作,提供了一套简洁的API,如`$.ajax()`, `$.get()`, `$.post()`等,使开发者能够轻松地实现AJAX请求。 分页通常分为两种类型:服务器端分页和客户端分页。服务器端分页意味着每次用户翻页时,...

    jquery_ajax操作数据库

    **jQuery AJAX 操作数据库详解** jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理和Ajax交互。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许...

    Jquery ajax方式读取txt文件、Jquery分页.

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理以及与服务器的数据交互。在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能...

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

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

    jqueryajax jquery ajax

    在不刷新整个页面的情况下,jQuery AJAX允许动态更新内容,加载图片,甚至执行更复杂的交互操作。 ### jQuery AJAX基础 1. **AJAX** 全称为"Asynchronous JavaScript and XML",虽然XML在现代Web开发中已不常用,...

    jquery ajax源代码

    jQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过...

    JqueryAjax简单实例

    在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....

    Asp.Net MVC之jQuery与AJAX操作实例

    在Asp.Net MVC框架中,jQuery和AJAX的结合使用极大地提升了用户体验,使得网页能够实现异步数据交互,无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...

    html静态页JQuery ajax示例demo 源码

    在jQuery库中,AJAX功能被简化并封装成了易于使用的API。`$.ajax()`是jQuery提供的核心AJAX函数,它允许我们配置各种选项来定制请求,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及请求成功或...

    jQuery Ajax过滤器

    jQuery库简化了Ajax操作,它内置了一系列强大的Ajax方法,其中包括Ajax过滤器功能,使得在处理数据时能够进行更精细的控制和优化。本文将深入探讨jQuery中的Ajax过滤器及其在Ajaxform表单提交中的应用,以及如何解决...

    Jquery Ajax简易计算器

    jQuery是一个轻量级的JavaScript库,它简化了JavaScript的DOM操作、事件处理以及Ajax交互。AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。jQuery...

    为jquery的ajax请求添加超时timeout时间的操作方法

    在现代Web开发中,使用jQuery进行Ajax请求是一种常见的操作。jQuery作为一个广泛使用的JavaScript库,简化了从客户端到服务器的数据交互,而Ajax超时的设置则是保证请求响应时效性的重要手段。当客户端向服务器发送...

    jQuery-ajax.rar_jquery

    本篇文章将深入探讨jQuery中的AJAX操作,包括基本使用、参数设置、数据类型处理以及异步调用的高级应用。 一、jQuery AJAX 基础 jQuery的$.ajax()函数是进行AJAX操作的核心,它提供了一种灵活的方式来发送异步HTTP...

    Jquery Ajax 前后台数据传输

    默认情况下,所有jQuery的AJAX操作都是异步的,但可以设置`async: false`使请求变为同步。然而,同步请求会阻塞浏览器,通常不推荐使用。 6. **数据格式和序列化** jQuery支持多种数据格式(如JSON、XML、HTML等...

    使用jQuery ajax提交表单代码

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的...

    jqueryAjax_无刷新调用另一页实例

    "jqueryAjax_无刷新调用另一页实例"这个标题意味着我们将探讨如何利用jQuery的AJAX功能实现页面的动态加载。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及AJAX交互。...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

Global site tag (gtag.js) - Google Analytics