对原生AJAX和HTTP的理解

AJAX的全称:Asynchronous JavaScript and XML (异步的JavaScript和XML)ajax不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分网页的技术传统的网页(即不适用ajax技术的网页)想要更新内容或者提交一个表单就需要重新加载页面使用了ajax技术的网页通过在后台跟服务器进行少量的数据交换,网页就可以实现异步局部更新概念介绍:    1.运
阅读本文

js上传图片

额    呆坐许久  感觉 有很多想写的  就是不知从何写起。。贼尴尬。  其实 我平时项目中 基本上传图片什么的  都是跟着from 表单 一起提交给后台的  实行起来 简单暴力  连图片预览的都没有写    其实 实行图片的预览功能 非常简单的   比如 代码如下html 代码<from > <input type=‘file‘ name=‘pic‘ id=‘pic‘ multiple=“m
阅读本文

ajax原生post请求

<!DOCTYPE html> <html lang=“en“> <head> <meta charset=“UTF-8“> <title>Document</title> </head> <body> <h1>ajax 发送post</h1> <input type=“text“ value=““ placeholder=“请输入你爱吃的菜“ id=‘foodText‘&
阅读本文

2017年末总结&新的开始

这两天终于开通了自己的博客,希望能够经常在这里写点东西,记录自己在工作中积累的点滴,记录成长。  最近打算离职了,其实实习生的话应该也不算入职过吧。这份工作是在今年6月初的时候通过学校的招聘会找到的,那时的自己对IT行业其实所知甚少,只是学习了课程安排的C和C++,只会写几句printout,c.out(好像是这样),因为当时自己在编程课上的表现很好,课程设计的进度总是能比同学领先,那种感觉很
阅读本文

前端通信:ajax设计方案(一)---集成核心请求

报告,我要说话!xp被历史淘汰了,IE6 say goodbye了,太TM开心了,从此不要兼容IE6了,哈哈哈哈哈哈报告,我要说话!IE这sb为啥不早点被杀掉呢,找工作听说要兼容IE,立马软了,唉唉唉唉唉唉报告,我要说话!Jquery太丰富了,老子只用了几个功能,妈的,太不划算了,啊啊啊啊啊啊......好了,言归正传。对于想到整理ajax设计方案,原因如下:从资源合理利用的角度以及网站优化角度去
阅读本文

vue2项目使用axios发送请求

前言:在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求,下面来具体介绍一下axios的使用。 项目中安装axioscnpm install axios -S每个需要请求的组件中都需要引入axios,如果觉得麻烦,可以a
阅读本文

dataTables使用ajax请求显示数据

dataTables是一种很好用前端表格显示库。当加载大量数据时,可以用Ajax 获取数据来提高效率,增速网页加载速率。下面以一个例子作示范。首先,需要下载jQuery以及dataTables库。这里使用的是版本是jquery v1.11.3和DataTables 1.10.9。下载网址:http://datatables.NET/。先上网页的代码。要注意的是,table中的thead和tbody
阅读本文

layui之ajax巨坑

在使用layui做前端框架的时候,在请求ajax时,回调函数不执行问题,找了各种原因,各种的更改ajax参数类型和webapi返回类型 各种不行,最后发现layui默认是form提交,想要让他执行ajax回调就只是一句话 return false  看代码layui.use([‘form‘, ‘layer‘], function () { $ = layui.jquery;
阅读本文

地区三级联动

// 初始化地址列表 addressInit(); function addressInit() { $.get(‘order.php?act=address‘, function (resp) { // 测试是否存在收货地址 if (0 == resp.data.length) { return f
阅读本文

博客系统注册来看form表单使用

创建django app01项目models结构如下 1 class UserInfo(AbstractUser): 2 “““ 3 用户信息 4 “““ 5 nid = models.AutoField(primary_key=True) 6 nickname = models.CharField(verbose_name=‘昵称‘, max_l
阅读本文

ajax异步发送数据到后台中文乱码的问题

这是今天在做一个文本输入框数据自动补全的需求的时候遇到的一个问题,这个需求就是类似我们使用百度或者google的时候,在搜索框里面输入关键字然后会自动补全一些相应的关键字供我们选择。 自动补全的话我们需求异步的和后台进行数据交互,根据用户输入的关键字去匹配数据库中的记录,然后返回结果工用户选择,需要用到ajax进行数据交互。最开始的实现大致如下。//获取输入的关键字 var keyWord = $
阅读本文

MVC part4

SpringMVC 注解@Controller 负责注册一个bean 到spring 上下文中,bean 的ID 默认为类名称开头字母小写,你也可以自己指定,      如下 方法一: @Controller public class TestController {}           方法二: @Controller(“tmpController“) public class TestCon
阅读本文

前端程序员容易忽视的一些基础知识

基础数据结构与算法现在有两个不同的JSON,比较复杂,可以参考这里的DEMO中返回的JSON。要比较它们的差异,除了用现成的工具如beyond compare以外,如果我们的机器上没有安装这个工具,能如何较快解决?作为一个程序员,一个个对比是不可行的,对比完也不会有什么收获。我会把之放进Excel中(如果你机器连这个都没有,那忽视我),先排序,再用二分法去快速定位找到有差异的JSON属性,即使是1
阅读本文

Ajax的注意事项

无论是使用原生的JavaScript,还是JQuery,通过Ajax请求后端程序数据,返回的数据默认是字符串,字符串,字符串,重要的事情说三遍!!!  不要尝试直接将返回的值和一个数字进行比较,也不要直接作为if或者while的条件,因为字符串作为条件始终为真,即使是“0”,是会认为是true;其次,数字0和字符串“0”始终不相等,要进行比较的话,应该先使用parseInt(res)将stri
阅读本文

Firebug入门指南

http://www.evotech.net/blog/2007/06/introduction-to-firebug/译者:阮一峰一、安装Firebug安装Firebug,请访问Firebug下载页面。也可以在Mozilla的FireFox Add-ons站点下载它。安装后只要重新启动FireFox,就可以使用了。若已经安装过了,检查是否更新到了最新版本。打开Firefox的“Tools“菜单,
阅读本文

js不能拦截302

302跳转是浏览器自动处理并跳转You can‘t handle redirects with XHR callbacks because the browser takes care of them automatically. You will only get back what at the redirected location.当服务器将302响应发给浏览器时,浏览器并不是直接进行aj
阅读本文

ajaxFileUpload上传文件简单示例

写在前面:  上传文件的方式有很多,最近在做项目的时候,一开始也试用了利用jquery的插件ajaxFileUpload来上传大文件,下面,用一个上传文件的简单例子,记录下,学习的过程~~~   还是老样子,上代码最明了啦。。  前台jsp页面:<%@ page contentType=“text/html;charset=UTF-8“ language=“java“ %> <% Stri
阅读本文

单独服务网站迁移到负载均衡后 心得

最近从阿里云租用了几天服务器,因网站网站访问量大,搞了一个负载均衡,负载均衡本身不难,到时原来代码修改了不少了,只能说之前站的高度不够。如何开通阿里负载均衡,钱钱。。。其他都不是问题。先来看下什么是负载均衡,这里引用阿里官网描述介绍:负载均衡(Server Load Balancer)是将访问流量根据转发策略分发到后端多台云服务器(ECS实例)的流量分发控制服务。负载均衡扩展了应用的
阅读本文

css实现web前端最美的loading加载动画!

这些好看的loading效果,你还只会用第三方库吗?CSS3教你实现​前言loading效果在实际开发中是很常见的,尤其是在Ajax请求的时候,可以给用户一个很好的交互体验。今天这篇文章我们一起来看看如何通过CSS3实现各种不同的loading效果吧,文章中的代码可以从公众号前端群自取。CSS3实现效果首先我们来看看需要实现的效果。效果图然后我们一个个来看都是怎么实现的吧。loadingAload
阅读本文