php与ajax(jquery)示例
来源:互联网 发布:mac触摸板透明 编辑:程序博客网 时间:2024/06/16 18:21
环境准备
1.开发工具Phpstorm2.php开发环境包xampp3.juqery.min.js依赖
代码实现
请求页面:html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ajax_index</title> <script src="jquery-3.1.1.min.js"></script> <script src="ajaxindex.js"></script></head><body><input type="text" id="namevalue" style="margin: 10px;padding: 5px;" placeholder="请输入用户名"><br/><br/><button id="btn" style="margin-left: 10px;padding: 5px;border-radius: 6px;">send</button><hr/><br/>結果是:<span id="result"></span></body></html>
按钮监听时间js:
$(document).ready(function () { $("#btn").on("click", function () { $("#result").text("正在通讯中..."); //此处为是两种实现的方法 /* $.get("server.php", {name: $("#namevalue").val()}, function (data) { $("#result").text(data); }).error(function () { $("#result").text("通讯错误!") } )*/ $.ajax({ url: "server.php", data: {name:$("#namevalue").val()}, success: function (data) { $("#result").text(data); }, error:function () { $("#result").text("通讯错误!") } }); })});
模拟服务处理:server.php
<?php/** * Created by PhpStorm. * User: SF * Date: 2016/10/10 * Time: 10:59 */if (isset($_GET['name'])) { echo 'hello:' . $_GET['name'];} else { echo "Args Error";}?>
阅读全文
0 0
- php与ajax(jquery)示例
- ajax与PHP示例
- jquery+ajax+php简单示例
- php+jquery+ajax简单Ajax调用示例
- php ajax jquery jsonp的示例
- PHP(PDO)-MySQL-jQuery Ajax getJSON综合示例
- Jquery下Ajax与PHP数据交换
- Jquery下Ajax与PHP数据交换
- JQuery下Ajax与PHP数据交换
- Jquery下Ajax与PHP数据交换
- Jquery下Ajax与PHP数据交换
- Jquery下Ajax与PHP数据交换
- PHP+jQuery+Ajax+SESSION登录与退出
- Jquery下Ajax与PHP数据交换
- 04. JQuery Ajax 与 PHP,JSP实例
- JQuery 之Ajax 示例
- jquery ajax示例
- JQuery ajax调用示例
- 关于define与defined的区别
- monkey学习记录
- Timeout时间已到
- py-faster-rccn问题集中营
- 29.活动的4种启动模式
- php与ajax(jquery)示例
- CPU和GPU的区别
- 欢迎使用CSDN-markdown编辑器
- js获取网页屏幕宽高度小结
- 常用的正则表达式
- Web排行榜相关排序算法总结
- 如何成为一家真正发挥大数据作用的 “数据驱动型公司”?
- Ajax的跨域
- Android 自定义activity切换动画实现,overridePendingTransition的使用详解