背景 前台页面两个select框，一个与学院关联，另一个与专业关联，现需要选择学院select框后，显示学院相关信息，且专业select下面仅有属于该学院的专业名称。也就是实现一个二级联动效果。 两个select里面分别定义onchange事件，事件中利用ajax的GET方法向后台PHP递交信息，再将查询得到的信息echo出来或document.write。 注：代码参考了有位叫y0umer的博主写的。 代码如下:<script type="text/javascript"> var XmlHttp; functi...
什么是Ajax？国内翻译常为“阿贾克斯”和阿贾克斯足球队同音，AJAX 是一种用于创建快速动态网页的技术，他不是新语言，而是一种使用现有标准的新方法。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新，这样就可以在不重新加载整个网页的情况下，对网页的某部分进行更新。XMLHttpRequest 是 AJAX 的基础，用于和服务器交换数据。所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）下面...
PHP结合AJAX实现搜索提示功能首先将创建一个输入框；然后监听输入框的keyup事件，当事件触发时，使用AJAX请求将输入的内容发送给PHP；接着PHP根据输入的内容进行数据查找并返回；最后将返回的数据进行渲染即可。示例代码客户端：<script> $(document).ready(function(){ var xhr=null; $(input[name="keyword"]).keyup(function() { if(xhr){ xhr.abort();//如果存在ajax的请求，就放弃请求 } var inputText= $.trim(this.v...
php+js+ajax实现简单的回帖功能（适合新手）效果图html代码 布局不是重点，写的很简单<div><ul><l1>张三："今天天气很不错" <button>回复</button></l1></ul></div>css代码<style>div{width:600px;margin:auto;border:1px solid #ccc;}ul{list-style: none;}ul li{line-height: 50px;}input{margin-right:10px;}</style>js代码我用的都是原生，jquery会快一些，看个人喜好吧<script>var btn= document.querySelector(button);//获...
知识：一、首先页面需要加载jquery框架二、ajax常用参数解释：①、type：传输数据方式，get或者post②、url：处理数据的PHP脚本③、data：传输的数据索引及值，值用js获取，一般此属性为json串或字符串④、async：参数为布尔类型，默认为true，即异步传输，浏览器不锁定⑤、complete：参数为方法，跳转的脚本执行完成后的回调函数⑥、success：参数为方法，跳转的脚本执行成功后的回调函数⑦、error：参数为方法，跳转的脚本执行失...
说个前提：PHP配置文件中规定默认上传文件大小限制2M以下，如需上传大文件需同时更改php.ini中的upload_max_filesize和max_execution_time以及post_max_size的值。相关推荐：《PHP教程》主界面以及Ajax实现：index.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>上传文件</title> <script type="text/javascript"> function sub() { var obj = new XMLHttpRequest(); obj.onreadystatechange = function() { i...
通过异步上传图片到新浪图床，并且获取图片外链地址。一、填坑1.页面中必须引用Jquery库，否则没办法实现异步请求，这里使用的百度的Jquery库。<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>2.相关资料连接新浪图床上传接口源码有部分人拿到这个接口源码并不会使用，起初我也不是很明白，也是慢慢搞懂的，感谢接口作者的分享。相关推荐：《PHP教程》二、实现代码1.图床接口源码，只需要修改源码里面的...
HTML部分： function postRequest(strURL){ var xmlHttp; if(window.XMLHttpRequest){ // For Mozilla, Safari, ... var xmlHttp = new XMLHttpRequest(); } else if(window.ActiveXObject){ // For Internet Explorer var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttp.open(POST, strURL, true); xmlHttp.setRequestHeader(Content-Type, application/x-www-form-urlencoded); xmlHttp.onreadystatechange = f...
自己总结了些屁经验 1.用ajax post数据到后台页面后，接着要重新连接数据库，别以为用之前的session连接过就可以了 2.为了处理返回乱码的问题，我添加了header("Content-Type:text/html;charset=GB2312");就可以正常显示了，后来在firefox下检验，却提示我下载这个网页，上网搜了不少资料，得到一个模糊的认识就是网页代码有语法错误，firefox为了安全起见不会直接显示而是提示下载，我重新检查了刚才那条语句，发现自己多写了个“...
看了标题你也许要说，留言本，很基本的东东啊！谁不会啊，还要用Smarty，这不找累吗？别急，我要表达的是一种编程的思想和结构，而不是证明我做的东西多有意义，通过它相信对初学者学习Smarty和ajax有些启发。原本用ajax做的，可惜始终调试不成功，只好用手写JS来弄了，不过不要紧，还是有一定价值的。站点结构大家下了源代码自己看，代码不长，应该不会看烦^_^，听我慢慢道来。 现在都PHP5了OO（面向对象）很流行了都，这里也...
很多时候，我们在网上注册个人信息，在提交完页面后，总得等待页面刷新来告诉我们注册是否成功，遇到网络差的时候，如果注册了一大串的东西，在经过漫长的等待页面刷新后，得到的确是“您的用户名已被使用”或XXXXXXX不合法，我想大家的心情一定特别不爽，今天就介绍个AJAX实现页面不刷新注册＋实时检测用户信息的简单注册程序，希望对大家有所帮助。好的，先看注册界面代码： 用户名称: ...
最近有小伙伴好奇留言板显示留言一直刷新，实现原理是怎么样的？一般发送留言就是通过正常的ajax向服务器发送数据，而实时显示留言就需要用到轮询了。本篇文章主要讲述了用ajax实现留言刷新状态，具有一定的参考价值，感兴趣的朋友可以了解一下。什么是轮询：就是使用定时器，每隔固定的时间从客户端向服务器发起请求。案例代码demo：<script>//每间隔2秒向服务器发起请求setInterval(function(){ var xhr = new XMLHttpRequest...
本篇文章使用php+ajax技术实现登录按钮加载loading效果，一个提高用户体验，二个避免重复提交表单，ajax判断加载是否完成，本文具有一定参考价值，感兴趣的朋友可以参考一下。 登录表单1 <form onsubmit="return check_login()" style="text-align: center;margin-top:50px"> 2 <input value="登 录" class="btn_submit" id="btn_submit" type="submit"> 3 </form>表单提交按钮和按钮失效样式 1 .btn_submit { 2 backg...
本文主要讲述的是用PHP实现服务器端允许客户端ajax跨域 ，有需要的朋友可以参考一下。解决跨域的关键是设置 Access-Control-Allow-Origin。例如：客户端的域名是 api.itbsl.com,而请求的域名是www.itbsl.com如果直接使用ajax访问，会有以下错误:本篇文章主要讲述的是XMLHttpRequest cannot load http://www.itbsl.com/server.php. No Access-Control-Allow-Origin header is present on the requested resource.Origin http://api....
本篇文章的主要内容是关于在ajax中用confirm方法实现确定删除，具有一定参考价值，感兴趣的朋友可以学习一下。<button name="del" type="button" class="btn btn-primary btn-xs" id="del">删除</button>$("button[name=del]").click(statu = confirm("确定删除吗?"(! operation = {..:POST,:"{:url(Sections/del)}",:{idd:operation},:(msg == 1删除成功.删除失败,请稍后重试,:删除失败,请稍后重试 public function del(){$id...