jQuery的AJax异步訪问
2023-09-14 09:09:01 时间
用一个样例用以说明:点击button,将input内用户输入的数据发送给服务端。并将结果返回给页面。
首先是html承载内容:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>AJax异步訪问</title> <script src="js/jquery-2.1.3.min.js"></script> <script src="js/ajaxDemo.js"></script> </head> <body> <input type="text" id="nameValue"> <br/> <button id="btn">提交</button> <p> 结果:<span id="result"></span> </p> </body> </html>配置server:Server.php
<?ajaxDemo.js实现AJax异步訪问:php if(isset($_GET['name'])){ echo "姓名:".$_GET['name']; }else{ echo "參数错误"; }
$(document).ready(function(){ $("#btn").on("click",function(){ //在与server通讯较慢时给用户提示信息 $("#result").text("数据请求中,请稍后..."); //向server发送请求(get、post) $.get("Server.php",{name:$("#nameValue").val()},function(data){ $("#result").text(data); }).error(function(){ //当server出现异常时 $("#result").text("server正在维护") }) }) })
相关文章
- JQUERY AJAX无刷新异步上传文件
- Ajax jquery的库的简化版本
- js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 普通Jquery的ajax判断重复和formvalidator的ajaxValidator区别
- jQuery 2.0.3 源码分析 钩子机制 - 属性操作
- $().each() 与 $.each()区别,以及 jquery ajax 应用
- jquery中页面Ajax方法$.load的功能
- jquery常见插件用法表
- Jquery.ajax报parseerror Invalid JSON错误的原因和解决方法:不能解析
- jQuery-瀑布流 布局 (处理页面滚动和AJAX加载延迟问题)
- JQuery的Ajax跨域请求的解决方案
- 读jQuery源码之整体框架分析
- Jquery.ajax报parseerror Invalid JSON错误的原因和解决方法:不能解析
- JQuery模板插件jquery.tmpl-动态ajax扩展
- SAP UI5应用里使用jQuery.ajax异步读取xml文档并显示在SAP UI5应用界面上
- jQuery.sap.factory
- jquery ajax怎么实现,你认为他有什么不足之处
- 详解JQuery框架的五大选择器
- Jquery ajax json 不执行success的原因 坑爹
- Angular和jQuery的ajax请求的差别
- jquery easyui的应用-1
- jquery 获取和设置 checkbox radio 和 select option的值?
- jquery ajax 跨域设置
- jQuery ajax读取本地json文件_jQuery请求本地JSON文件,在谷歌浏览器运行时报跨域错误_Vscode使用Live Server