在jQuery里调用ajax实现异步

这次给大家带来在jQuery里调用ajax实现异步,在jQuery里调用ajax实现异步的注意事项有哪些,下面就是实战案例,一起来看一下。

$(document).ready(function(){  //Jquery 页面加载事件,当页面加载之后首先执行这个方法    //第一种Ajax请求  $.ajax({    type:"GET",    //请求类型,有get,post等类型,和表单提交是一样的    url:"Result.aspx", //请求处理的页面,就是说由那个页面捕获请求,同样这个路径可以换成ashx,一般处理程序    data: "name=John&location=Boston", //传递参数,实在就是(Result.aspx?name=John&loaciton=Boston)    success:function(msg){ //请求成功会由这个方法处理,其中请求成功返回值由msg接收      $("#ajaxp").text(msg);    }  });  //第二种请求  $.get(               //用get请求方式,其实就是上一种的变体    "Handler.ashx",       {name:"笨笨熊",sex:"女"}, //要传递的参数,解析为(Handler.ashx?name=笨笨熊&sex=女)    function(msg){       //请求返回参数      $("#p1").text(msg);    }  );  //第三种请求  $.post(               //这种请求的上一种是一样的,只是请求方式不同    "Handler2.ashx",    {name:"benben 笨笨熊",sex:"女"},    function(msg){      $("#p2").text(msg);    }  );  //第四种请求  $.getJSON(             //这种是用JSON 实现的,JSON是一种通用的数据格式    "Handler3.ashx",  //路径    {name:"aaa"},   //传递参数    function (data){  //回调处理函数 返回的就是json数据格式,由data接收这串数据      var str="";     //下面就是解析这些数据,具体接送的使用但不做考虑,设计内容很多,一时无法讲解      str+="姓名:  "+data.name+"
"; str+="性别: "+data.sex+"
"; str+="地址: "+data.address+"
"; $("#p3").html(str); } );});

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

不使用插件让Ajax实现异步刷新

JS基于ajax操作信息的使用

以上就是在jQuery里调用ajax实现异步的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2767899.html

(0)
上一篇 2025年3月8日 11:53:14
下一篇 2025年3月7日 02:13:41

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Jsonp怎样才能解决ajax跨域

    这次给大家带来Jsonp怎样才能解决ajax跨域,Jsonp解决ajax跨域的注意事项有哪些,下面就是实战案例,一起来看一下。 一、介绍 最近跨域问题比较多,而且自己刚好也看到这一块,就总结了一下,关于JSONP的东西百度的话东西确实很多,…

    2025年3月8日 编程技术
    200
  • jsonp+json实现AJAX跨域请求

    这次给大家带来jsonp+json实现AJAX跨域请求,jsonp+json实现AJAX跨域请求的注意事项有哪些,下面就是实战案例,一起来看一下。 AJAX(异步的 JavaScript 和 XML)是用于创建快速动态网页的一种技术,它在不…

    2025年3月8日
    200
  • 前端与后端ajax交互方法总结(附代码)

    这次给大家带来前端与后端ajax交互方法总结(附代码),前端与后端ajax交互的注意事项有哪些,下面就是实战案例,一起来看一下。 前端ajax与后端Spring MVC控制器有以下五种数据交互方式。(前台使用了dhtmlxGrid,后端使用…

    编程技术 2025年3月8日
    200
  • jquery实现div拖拽效果功能(附代码)

    这次给大家带来jquery实现div拖拽效果功能(附代码),jquery实现div拖拽效果功能的注意事项有哪些,下面就是实战案例,一起来看一下。 无标题文档#Drigging {width:200px;background:#CCC;bor…

    编程技术 2025年3月8日
    200
  • jQuery仿支付宝首页焦点图效果

    这次给大家带来jQuery仿支付宝首页焦点图效果,jQuery仿支付宝首页焦点图效果的注意事项有哪些,下面就是实战案例,一起来看一下。 kinMaxShow 扩展效果 body{ margin:0; padding:0;}#Login{ p…

    2025年3月8日 编程技术
    200
  • jQuery实现广告内容淡入淡出效果

    这次给大家带来jQuery实现广告内容淡入淡出效果,jQuery实现广告内容淡入淡出的注意事项有哪些,下面就是实战案例,一起来看一下。 1、效果及功能说明 仿新浪微博图片文字列表上下淡进淡出间歇上下滚动 2、实现原理 首先要设定p内只能显示…

    编程技术 2025年3月8日
    200
  • jquery动态操作表格行的方法(附代码)

    这次给大家带来jquery动态操作表格行的方法(附代码),jquery动态操作表格行的注意事项有哪些,下面就是实战案例,一起来看一下。 body{background:#FFFFFF;} $(function(){ var show_cou…

    编程技术 2025年3月8日
    200
  • jquery做出表格本地排序功能

    这次给大家带来jquery做出表格本地排序功能,jquery做出表格本地排序功能的注意事项有哪些,下面就是实战案例,一起来看一下。     jquery 表格排序     thead { background-color: Blue; co…

    编程技术 2025年3月8日
    200
  • jquery实现表格排序+实时搜索功能

    这次给大家带来jquery实现表格排序+实时搜索功能,jquery实现表格排序+实时搜索功能的注意事项有哪些,下面就是实战案例,一起来看一下。 复制代码 代码如下: First Name Last Name Email Phone Numb…

    2025年3月8日
    200
  • jQuery最简洁实现tab选项切换

    这次给大家带来jQuery最简洁实现tab选项切换,jQuery实现tab选项切换的注意事项有哪些,下面就是实战案例,一起来看一下。 效果图: 代码: 简单的tab效果* { padding: 0px; margin:0px}body { …

    2025年3月8日
    200

发表回复

登录后才能评论