`

jquery ajax POST 例子详解

阅读更多

    function test(){
   $.ajax({
            //提交数据的类型 POST GET
            type:"POST",
            //提交的网址
            "testLogin.aspx",
            //提交的数据
            data:{Name:"sanmao",Password:"sanmaoword"},
            //返回数据的格式
            datatype: "html",//"xml", "html", "script", "json", "jsonp", "text".
            //在请求之前调用的函数
            beforeSend:function(){$("#msg").html("logining");},
            //成功返回之后调用的函数            
            success:function(data){
           $("#msg").html(decodeURI(data));           
            }   ,
            //调用执行后调用的函数
            complete: function(XMLHttpRequest, textStatus){
               alert(XMLHttpRequest.responseText);
               alert(textStatus);
                //HideLoading();
            },
            //调用出错执行的函数
            error: function(){
                //请求出错处理
            }        
         });

  }

分享到:
评论

相关推荐

    jquery,ajax的几个小例子

    **jQuery和Ajax技术详解** jQuery是一款非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。在Web开发中,jQuery是实现动态和交互性网页的关键工具。Ajax(Asynchronous ...

    Jquery Ajax分页(有实例)

    **jQuery AJAX分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,它能够有效地组织大量数据,提高页面加载速度,优化用户体验。jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和...

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

    【ASP + jQuery AJAX 实例源码详解】 ASP (Active Server Pages) 是微软开发的一种服务器端脚本语言,常用于构建动态网页。jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画以及AJAX交互。AJAX...

    jquery ajax源代码

    #### 四、jQuery AJAX 方法详解 - **$.ajax()**:提供了非常灵活的配置选项,可以定制化 AJAX 请求。 - **设置参数**:包括 url、type、data、dataType 等。 - **回调函数**:success、error、complete 等。 - **...

    jQueryAjax.rar_jquery 例子

    **jQuery与Ajax的结合使用详解** 在Web开发中,jQuery是一个强大的...在"jQueryAjax.rar_jquery 例子"中,你将找到更多关于如何实际应用这些技术的实例,这对于理解和掌握Web前端开发中的Ajax技术具有很高的学习价值。

    jquery的ajax方法

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

    Jquery Ajax 前后台数据传输

    **jQuery AJAX 前后台数据传输详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库为开发者提供了简单易用的...

    传智播客 jQuery ajax 课件

    《jQuery AJAX 技术详解——基于传智播客课件》 在当今的Web开发中,jQuery AJAX(异步JavaScript和XML)技术扮演着至关重要的角色。它允许开发者在不刷新整个页面的情况下与服务器进行数据交换,提高了用户体验,...

    jquery ajax例子返回值详解

    jQuery提供了简单易用的API来实现AJAX操作,包括$.ajax()、$.post()和$.get()。 1. **$.get()**: 这个函数用于发起GET请求,通常用于从服务器获取数据。在给定的例子中,$.get()接收三个参数:URL("test.jsp")...

    jQuery_Ajax全解析

    #### 二、jQuery Ajax 方法详解 ##### 1. load() 方法 `load()` 方法用于加载服务器上的数据,并将其插入到被选元素中。这是最简单的一种 Ajax 方法之一。 **参数:** - **url (String)**: 请求的目标 URL。 - *...

    jquery Ajaxupload应用

    **jQuery AjaxUpload应用详解** AjaxUpload是一款非常实用的JavaScript插件,它允许用户在无需刷新页面的情况下上传文件,极大地提升了用户体验。在这个详细的知识点解析中,我们将深入理解AjaxUpload的工作原理,...

    颇受启发的一个jQuery Ajax例子~

    这个“颇受启发的一个jQuery Ajax例子”显然涉及到如何使用jQuery进行Ajax请求,这是一种异步数据通信技术,允许网页不刷新就能与服务器交换数据并更新部分网页内容。 在jQuery中,`$.ajax()`是核心的Ajax函数,它...

    JQueryAjax的简介

    - **$.get()** 和 **$.post()** 方法是 jQuery 提供的另一种处理 Ajax 请求的方式,它们用于向服务器发送 GET 或 POST 请求。 - **$.get()** 方法的基本语法如下: ```javascript $.get(url, data, success(data,...

    jquery和ajax的集成例子

    二、AJAX请求参数详解 1. `url`: 发起请求的服务器端接口地址。 2. `type`: 请求类型,通常为GET或POST。 3. `data`: 发送到服务器的数据,可以是对象或字符串。 4. `dataType`: 预期的服务器响应类型,如json、...

    jquery Ajax 全局调用封装实例详解

    ### jQuery Ajax 全局调用封装实例详解知识点 #### 前言 在前端开发中,异步数据交互是核心功能之一,通常使用Ajax技术实现。当全站需要频繁进行数据交互时,如果每次都写重复的`$.ajax`代码,不仅效率低下,而且...

    jquery Ajax js类库

    **jQuery AJAX 库详解** jQuery 是一款非常流行的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画设计以及Ajax交互等任务。在Web开发中,jQuery 的 AJAX 功能是其一大亮点,它使得开发者能够实现无刷新...

    jquery upload ajax方式

    **jQuery Upload AJAX方式详解** 在Web开发中,文件上传是一个常见的功能,传统的文件上传通常需要刷新整个页面,用户体验较差。随着Ajax技术的发展,无刷新上传文件成为可能,jQuery结合Ajax提供了一种优雅的解决...

    jQuery AJAX 分页

    **jQuery AJAX 分页详解** 在Web开发中,为了提高用户体验,我们经常需要处理大量数据时实现分页功能。jQuery作为一个轻量级、功能强大的JavaScript库,提供了与服务器进行异步通信的能力,即AJAX(Asynchronous ...

    Jquery的ajax请求的三个例子(带后台代码)

    ### jQuery的Ajax请求详解与示例 #### 一、引言 随着Web技术的发展,Ajax技术因其无需重新加载整个页面即可动态更新数据的能力而受到广泛欢迎。jQuery作为一款优秀的JavaScript库,极大地简化了Ajax的使用过程,...

    jQuery Ajax使用 全解析

    ### jQuery Ajax方法参数详解 - **url:** 指定请求的服务器地址。 - **data:** 可选参数,表示要发送给服务器的数据,以键值对的形式存在。 - **callback:** 请求成功后执行的回调函数,用于处理服务器响应的...

Global site tag (gtag.js) - Google Analytics