Ajax


  1.jQuery中的Ajax


  load()方法


  异步请求的地址


  异步请求的数据


  异步请求成功后的回调函数


  返回值服务器端的响应结果jquery


  按钮


  $('button')。click(function(){


  $('button')。load('data/server2.json', {name:'犬夜叉'}, function(){


  console.log('异步请求成功…');


  });


  });


  $.get()与$.post()方法


  $.get(url, data, callback, type)方法-请求方式GET


  $.post()方法-请求方式POST


  异步请求的地址


  异步请求的数据


  异步请求成功后的回调函数


  设置服务器端响应结果的格式ajax


  按钮


  $('button')。click(function(){


  $.get('data/server2.json', {name:'犬夜叉'}, function(response){


  console.log(response);


  }, 'json');


  });


  ajax()方法


  url;异步请求的地址


  settings-对象类型


  data - 发送给服务器端的请求数据


  dataType-服务器端响应结果的格式


  success-异步请求成功后回调函数json


  按钮


  $('button')。click(function(){


  $.ajax('data/server2.json', {


  type : 'get',


  dataType : 'text',


  success : function(data){


  console.log(data);


  }


  });


  });


  $.getScript方法


  url;JavaScript文件url地址


  callback;该文件成功加载后回调函数


  ——


  按钮


  服务器


  $('button')。click(function () {


  // 动态加载指定JavaScript文件,而且执行


  $.getScript('data/server.js',function (data) {


  console.log(data);


  eval(data);


  });


  });


  ——异步


  $.getJSON()方法


  url;JavaScript文件url地址


  data;发送个服务端key/value的数据内容


  callback;该文件成功加载后回调函数函数


  按钮


  $('button')。click(function(){


  // getJSON()方法的请求方式为GET


  $.getJSON('data/server2.json', {name:'张无忌'},function(data){


  console.log(data);


  });


  });


  2.异步提交表单


  获取全部表单组件的数据值


  并该数据值拼成指定的字符串和JSON格式的数据


  并经过异步交互的方式提交表单post


  表单序列化


  serialize()方法把表单组件数据值转换为字符串内容


  serializeArray()方法把表单组件数据值转换为JSON的数据格式url


  $('form')。bind('submit',function (event) {


  event.preventDefault();


  //  阻止默认行为


  var data = $('form')。serializeArray();


  // 根据表单默认同步提交获取数据方式


  console.log(data);


  $.post('data/server5.json',daa, function (response) {


  // 经过异步交互提交表单


  console.log(response);


  });


  });

相关文章

9个鲜为人知的HTML功能 小白怎么学习HTML5?新手入门必看 阿里巴巴常用的12个后端开发工具 sharepoint搭建文档服务器,SharePoint?Server教程 语义化标签与HTML5新增的布局标签 vector教程:如何进行项目 JetBrains PhpStorm v2021.2.0中文激活版 HTML5教程之新元素 前端基础入门:HTML5基础语法与标签 HTML5——SVG基础入门 android是前端还是后端 嵌入式开发要学哪些技能? 使用fiddler对手机APP进行抓包 HTML5薪资正一路飙升 如何才能学好HTML5开发 零基础如何迅速学习前端? html5中怎么利用canvas元素创建画布 实现html5移动端自适应布局的方法分享 HTML5移动应用开发 最佳HTML5应用开发工具有哪些? HTML5 移动页面自适应手机屏幕四类方法 html5手机网站常用的9个CSS属性 什么是web前端开发标准 Android开发用过的十大框架 Android混合开发,html5自己主动更新爬过的坑 HTML5中的移动开发框架有哪些? 分享5个主流的HTML5开发工具 HTML5开发培训教程学习之动效制作 网页开发HTML5 快速开发基于 HTML5 网络拓扑图应用 如何零基础入门前端开发? html5零基础入门学习教程(零基础学员必看) jquery删除ajax请求的方法 jquery中ajax中的参数,jquery中的ajax参数 jQuery AJAX 方法success()后台传来的4种数据详解 jquery中ajax常用的方法,jQuery ajax框架常用方法总结 jQuery AJAX中readyState与status的区别与联系 jquery ajax.then,神奇的then方法 jQuery validate+artdialog+jquery form实现弹出表单思路详解 ajax用来做什么的,jQuery是什么? java jquery ajax视频,【Ajax】之jQuery中的Ajax jquery中ajax应用之通用ajax()函数的实例 BootStrop前端框架入门教程详解 jQuery WEUI Select jquery是什么意思?jquery和js的区别是什么? 巧用案例学习jQuery框架三种事件绑定方式 jQuery 基础知识总结 引入JQuery.min.js文件 几款常用的高质量web前端框架 Jquery和bootstrap有哪些区别 easyui 验证 ajax提交表单提交表单提交