使用jquery ajax实现文件上传,只贴关键代码。 html 代码: <input type="file" id="phpernote_pop_uploadfile" multiple /> javascript 代码: $('body').on('change', '#phpernote_pop_uploadfile', function () { var file = new FormData; file.append('file', $('#phpernote_pop_uploadfile')[0].files[0]); $.ajax({ url: 'http://localhost:8051/', type: 'POST', cache: false,......
有时候我们需要统一整个项目的ajax请求格式,比如在所有的ajax请求中附加上一些必须的参数,这时就不可能一个一个的去加了,我们可以在jquery的ajax方法的基础上再封装一层做统一处理,具体代码如下,供参考: /** * ajax post 提交 * @param param 参数(json格式) * @param successCallback 成功后的回调函数 * @return * @author www.phpernote.com */ function sendajax(param, successCallback) { if (param) { ......
为了程序安全上的考虑,我们在某些情况下会需要检测一个请求是否是 ajax 请求,该如何去判断呢?本文就简要分享一下经验。 1. 使用原生 JavaScript 发出 ajax 请求时,我们可以给请求头部添加信息,以方便后端php程序进行区分,方法如下: var xmlhttp=new XMLHttpRequest(); xmlhttp.open("GET","test.php",true); xmlhttp.setRequestHeader("X-Requested-With","XMLHttpRequest"); xmlhttp.send(); 这里我们给头部添......
web开发中用ajax传递中文字符串时,火狐会自动将中文字符串转成十六进制字符,而IE浏览器却不做任何处理就直接向服务端传递了。这个过程就容易导致参数值乱码的问题。 那么如何解决这个乱码问题呢? 很简单,使用 JS的内置函数 encodeURIComponent 对中文字符串进行转义一下就好了。关于 encodeURIComponent 函数的用法,可参照本站文章: javascript的字符串编码函数escape,encodeURI,encodeURIComponent比较与分析
form表单中包含有checkbox这种表单项的时候,直接提交处理很简单,只需在程序中处理结果即可。但使用jquery的ajax提交时该如何处理呢?下面通过一个例子说明一下。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery $.ajax $.post或者$.get如何提交checkbox的值</title> <script type="text/javascript" src="http://www.phpernote.com/js/jquery.min.js";></script> ......
对网站发动XSS攻击的方式有很多种,仅仅使用php的一些内置过滤函数是对付不了的,即使你将filter_var,mysql_real_escape_string,htmlentities,htmlspecialchars,strip_tags这些函数都使用上了也不一定能保证绝对的安全。 现在有很多php开发框架都提供关于防XSS攻击的过滤方法,下面和大家分享一个预防XSS攻击和ajax跨域攻击的函数,摘自某开发框架,相比于仅仅使用内置函数应该还是够强了的吧。 function xss_clean($data){ ......
在PHP程序中,如何判断一个网页请求是ajax请求还是普通请求?我们在做项目中经常会存在这样一个问题,在浏览器中直接输入我ajax提交的地址后,浏览器就能直接请求数据并将数据打印到页面上。从程序的严谨性上和安全上来说,我觉得这样非常不好。 但是由于水平有限,这个问题直到今天才被我解决,特此留下文章以供有此需要的人学习。 首先说说原理:在发送ajax请求的时候,我们可以通过XMLHttpRequest这个对象,创建自定义的heade......
本篇文章主要分享下在使用jquery ajax时防止重复提交的办法。 其实方法很简单,就是在用户点击了提交按钮之后将按钮设置为不可点击即可,具体代码如下: $('#submit').click(function(){ var objButton=$(this); var content=$('#content').val(); $.ajax({ url:web_url+'jquery.php', type:'post', cache:false, data: 'action=submit&content='+content, beforeSend:function(){//触发ajax请求开始时执......
自从js有了各种框架之后,比如jquery,使用ajax已经变的相当简单了。但有时候为了追求简洁,可能项目中不需要加载jquery这种庞大的js插件。但又要使用到ajax这种功能该如何办呢?下面和大家分享几种利用javascript实现原生ajax的方法。 首先实现ajax之前必须要创建一个 XMLHttpRequest 对象的。如果不支持创建该对象的浏览器,则需要创建 ActiveXObject,具体方法如下: var xmlHttp; function createxmlHttpRequest(){ if(w......
jquery里的 $.ajax 方法的作用是通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 ajax 实现。在该方法的基础上简化出来的一些方法还有 $.get, $.post, $.getJSON 等。由于工作中经常会用到 $.ajax 这个方法,现在特意将这个方法的一些常见用法做一些记录。 下面是一段比较常用到的 $.ajax 方法: $.ajax({ type:'GET', url:'http://www.phpernote.com/jquery.php', data:{username:'phpernote',password:'123456'}, ......
现在很多后台程序修改数据的方法很人性化,点击文字之后该文字就会被增加到一个文本输入框之内,当该输入框失去焦点后,输入框消失,文字状态还原,不过文字的内容却不声不响的被改变了。用过 ecshop ,ecmall 开源程序的朋友应该都知道。一直感觉这个功能很实用,下面是作者从一开源程序内提取出来的实现 ajax 异步修改内容的功能,仅将一些主要的地方贴出来,更深层次的,大家可自行扩展。 (1)首先 html 代码如下: <td> ......
Jquery等待ajax执行完毕再继续执行下面代码的效果,具体代码如下,其实就是将 jquery ajax 函数的 async 参数设置为 false 即可,该参数默认为 true: $(document).ready(function(){ loadphpernote(); window.open('http://www.phpernote.com'); }); function loadphpernote(){ var url='http://www.phpernote.com/ajax.php'; var data='action=list'; jQuery.ajax({ type:'post', url:url, data:para, ......
本篇文章主要介绍Jquery中$.post和$.ajax的用法。 Jquery的$.ajax的用法: jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据,这个是jQuery 的底层 ajax 实现。简单易用的高层实现见 $.get, $.post 等。 $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 注意: 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"......
jquery中的ajax超时处理代码,具体代码如下: <html> <head> <script src="jquery-1.2.js"></script> <script> $(document).ready( function () { $.ajax({ url: "ajax.error.php", timeout: 1000, error: function (xmlHttpRequest, error) { ......
以下内容所讲的方法是通过jquery的插件实现,纯jquery原生的实现方法请参考: 使用jquery ajax实现文件上传 利用 php+jquery+html 实现 ajax 无刷新文件上传。这里主要用到了一款 jquery 插件(也可称作 ajax 文件上传组件)ajaxfileupload。这个插件实际上是采用了 iframe 文件上传的原理,即动态的再页面里嵌入了一个IFRAME表单,然后在IFRAME使用原生的POST表单提交数据。下面以做一个具体的实例。 Jquery+HTML 代码: <ht......