`

JQuery--$.ajax(post)方法

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>ajax-get().html</title>
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    
 <script language="JavaScript" src="jquery-1.6.1.js"></script>
 <script language="JavaScript">
  $(function(){
   $("#bt1").click(function(){
    var name =$("#tx1").val();
    var URL = "../validate"
    var param="name="+name+"&date="+new Date().getTime();
    $.ajax({
     type:"POST",
     url:URL,
     data:param,
     dataType:"xml",
     success:function(msg){
      alert(msg);
      var jqueryObj =$(msg) ;//把后台传来的对象转为JQuery对象
      alert(jqueryObj);
      var content = jqueryObj.text();
      $("#sp1").text(content);
      
     }
    });
   })
  })
 </script>
 </head>
 <body>
    <p align="center">
      6-2 用户注册
    </p>
    <table align="center">
        <tr>
            <td>
                用户名
            </td>
            <td>
                <input type="text" id="tx1">
    <input type="button"  id="bt1" value="检测">
            </td>
            <td>
                <span id="sp1"></span>
            </td>
        </tr>
    </table>
    </body>
</html>

 

ps:后台代码与 JQuery--$.ajax(get)方法 一样

分享到:
评论

相关推荐

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    而Jquery库提供了一系列封装好的Ajax函数,如$.get(), $.post(), $.ajax(), 和$.getJSON(),这些函数简化了前端开发者与后端数据交互的过程。 ### 1. $.get() `$.get()`函数是最简单的一种异步请求方式,它发送一...

    asp+ajax(jQuery)实例($.ajax()、$.post()、$.get()、$.getJSON()四种模式可选)

    asp+ajax(jQuery)实例($.ajax()、$.post()、$.get()、$.getJSON()四种模式可选 Ajax是目前比较流行的网站建设技术,尤其作为网站建设者来说,掌握它十分有必要,如果用原生Javascript开发则比较困难,还好有强大的...

    最新版JQuery-jquery-3.2.1.min.js

    - **Ajax**:`$.ajax()`, `$.get()`, `$.post()`, `getJSON()`等方法简化了与服务器的数据交互。 ### 5. 兼容性和性能提升 jQuery 3.x系列致力于提高对ES6及以后新特性的支持,并优化了性能。对于不再支持的旧...

    jquery-3.2.0.js,jquery-3.2.0.min.js

    **jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画设计以及Ajax交互。在本篇文章中,我们将深入探讨 jQuery 的核心特性、优点以及如何在实际项目中应用这两个文件:...

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    最后,jQuery的Ajax功能简化了异步数据交互,.ajax()和.get()、.post()方法使得与服务器的数据通信更为便捷。 在JavaScript开发者的工作中,jQuery 3.5.1可以显著提升开发效率。它抽象了浏览器之间的差异,提供了...

    jquery-1.9.1.min.js

    4. AJAX请求:$.ajax()函数是jQuery的核心之一,它封装了XMLHttpRequest对象,提供了异步数据获取和处理的能力。$.get()、$.post()等简化的API则更易于日常使用。 5. 特性检测:jQuery包含了一套完善的特性检测工具...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    - `$.ajax()`:进行异步请求,支持GET和POST等多种HTTP方法。 - `$.get()`/`.post()`:简化版的Ajax请求,用于快速实现GET和POST操作。 - `$.getJSON()`:专门用于获取JSON数据的函数。 7. **`.min.js`版本** ...

    最新jquery-2.1.1.js以及jquery-2.1.1.min.js文件

    4. **AJAX**:jQuery的`$.ajax()`和`$.get()`、`$.post()`等函数简化了异步数据请求,让跨域请求变得容易。 5. **动画**:`.fadeIn()`, `.slideToggle()`, `.animate()`等方法让创建复杂的动画效果变得轻松。 6. *...

    jquery-3.6.0.min.zip

    6. **Ajax**:使用`$.ajax()`, `$.get()`, `$.post()`等函数,可以轻松进行异步数据请求,实现页面无刷新更新。 7. **插件生态**:jQuery拥有庞大的插件生态系统,如Bootstrap、jQuery UI等,它们扩展了jQuery的...

    jQuery/jquery-1.7.2.min.js jquery-1.7.2.js 文件

    5. **Ajax**:jQuery封装了Ajax操作,例如`$.ajax()`, `$.get()`, `$.post()`等,使得异步数据交互变得简单。 6. **链式调用**:jQuery的API设计支持链式调用,如`$(selector).addClass('active').css('color', '...

    jquery-3.3.1.js和jquery-3.3.1.min.js.zip

    在AJAX方面,jQuery提供了`.ajax()`, `.get()`, `.post()`等方法,使得异步数据请求变得简单直观。例如,`$.get("data.json", function(data) {...})`能轻松获取JSON格式的数据,并在回调函数中处理返回的内容。 总...

    jquery-1.10.2.min.js,jquery-1.4.4.min.js,jquery-1.4.2.min.js,jquery.min.js集合

    jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。这个压缩包包含了不同版本的jQuery库,包括`jquery-1.10.2.min.js`, `jquery-1.4.4.min.js`, `jquery-...

    jquery-1.4.2&&jquery-1.4.2-vsdoc.js.rar

    `$.ajax()`接受多个参数,包括URL、数据类型、回调函数等,使得开发者可以轻松地执行JSONP、GET、POST等多种类型的Ajax请求。例如,`$.ajax({url: "data.json", type: "GET", success: function(data) {...}})`会从...

    jquery1.7 API/jquery-1.7.1.min.js/jquery-1.7.1.js

    - **$.ajax() 更新**:在1.7版本中,jQuery引入了全新的`$.ajax()`方法,统一了所有异步请求,包括GET、POST等,提供了更加灵活的配置选项。 - **Deferred 对象**:1.7版本加强了对Promise接口的支持,引入了...

    jquery-1.8.3.js 、jquery-1.8.3.min.js 【官方jquery包 js】

    至于Ajax,`$.ajax()`函数是其核心,支持GET、POST等多种请求方式,同时提供异步处理和数据格式化等功能。 在实际项目中,jQuery 1.8.3能够帮助开发者快速实现页面交互,提高开发效率。例如,通过使用AJAX,可以...

    jQuery/jquery-1.5.1.min.js /jquery-1.7.2.min.js等

    - **Ajax交互**:`$.ajax()`, `$.get()`, `$.post()`等函数使得异步数据请求变得直观,易于集成到应用中。 **2. 版本差异** - **jquery-1.5.1.min.js**:这个版本属于jQuery的早期版本,它引入了Promise对象,增强...

    jquery 异步调用$.ajax() $.post() $.get()

    本篇文章将深入探讨jQuery中的异步调用方法,包括`$.ajax()`,`$.post()`和`$.get()`,以及它们在实际开发中的应用。 首先,`$.ajax()`是jQuery提供的最强大的异步数据请求函数,它支持多种HTTP请求方法,如GET、...

    jquery-1.8.2.min.js

    5. **Ajax交互**:jQuery的`.ajax()`方法提供了一种统一的方式来处理异步数据请求。通过设置参数,开发者可以轻松地发起GET或POST请求,处理响应,并在完成后执行回调函数。 在SSM整合课程中,"jquery-1.8.2.min.js...

    jquery-2.1.1.js 、jquery-2.1.1.min.js 【jquery包 js】

    5. **Ajax交互**:jQuery的`$.ajax()`函数封装了XMLHttpRequest对象,提供异步数据请求。`$.get()`, `$.post()`等简化了常见的GET和POST请求。 6. **插件生态系统**:jQuery拥有庞大的插件生态系统,如jQuery UI...

    jquery-2.1.4.js 、jquery-2.1.4.min.js 【jquery包 js】

    4. **Ajax请求**:`.ajax()`方法简化了异步数据请求,支持XMLHttpRequest和JSONP跨域请求,还有更简单的`.get()`和`.post()`方法。 5. **链式操作**:jQuery的所有方法都返回jQuery对象,这使得我们可以连续调用多...

Global site tag (gtag.js) - Google Analytics