“FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。这是官方的讲解，我来说一下我的理解，我们new 一个FormData( $(form) )对象时，它会帮我们把form表单里的数据封装成键值对的形式，以前我们都时用input的submit进行提交数据，当我们拿到这个form对象的时候，我们就可以用ajax模拟input的submit提交，既然知道了这些，我们就开始一步步的编程吧。好了，我们开始编写我们的jquery代码吧，在编写之前我们理一下思路，当用户选择好图片时，即input 的change事件触发时，我们就把图片上传到服务器，服务端返回图片的url，我们拿到这个url时，把它设置为我们input外面盒子的背景图。我们已经实现了change事件触发时，我们把图片上传到服务器，我们也可以改变我们已经选择好的图片，到这里肯定还没有结束。因为用户只是选择了一张图片，如果我们的业务需要用户上传多张图片呢，那我们这个肯定就不满足要求了，我们需要再给我们的代码添加一些功能。比如说，当用户选择好一张后，再生成一个form->input标签，然后就这样递归；但我们还需要加一些条件，就是当用户改变已经选择好的图片时，我们不能生成form->input标签。

2025年04月01日

jq+ajax+bootstrap改了一个动态分页的表格

最近在维护一个很古老的项目，里面是用jq的dataTable方法实现一个分页的表格，不过这些表格的分页是本地分页。现在想要的是点击分页去请求数据。

经过多次的修改，以失败告终。分页的不准确，还会有这个错误：

2025年04月01日

Datetimepicker.js用法

$('.form_date').datetimepicker({//初始化
    language:  'zh-CN',
    //weekStart: 1,
    //todayBtn:  1,
    autoclose: 1,
    //todayHighlight: 1,
    //startView: 2,
    //minView: 2,
    //forceParse: 0,
    format: 'yyyy-mm-dd',//格式化想要显示的时间格式
    minView: 'month'//日期时间选择器所能够提供的最精确的时间选择视图。
});

$('.form_date').datetimepicker("update",'2015-01-22');//赋值

$('.form_date').datetimepicker('setDate',(new Date()));//赋值，当前日期

var year = $('.form_date').datetimepicker('getDate').getFullYear();//获取年
var month = $('.form_date').datetimepicker('getDate').getMonth();//获取月
var day = $('.form_date').datetimepicker('getDate').getDate();//获取日

var hours = $('.form_date').datetimepicker('getDate').getHours();//获取小时
var minute = $('.form_date').datetimepicker('getDate').getMinutes();//获取分钟
var seconde = $('.form_date').datetimepicker('getDate').getSeconds();//获取秒

2025年04月01日

前端常见面试 - 请求篇

对于前端来说，请求是前端日常工作必备的，通过请求才能与后端进行数据交互，尤其在现在前后端分离的开发模式下，请求显得就更加重要。因此，对于前端开发者来说，掌握请求就很重要。下面将从 http 请求和常见的几个请求技术做具体的讲解。

美烦资源网

专注技术文章分享，涵盖编程教程、IT 资源与前沿资讯

前端小哥哥:如何使用typescript开发实战项目?

前言

开始学习React - 概览和演示教程

使用JS把图片压缩并转成Base64的简便方法

深入学习React的合成事件

前端小技巧:利用Blob对象切片上传大文件

1.什么是Blob对象？

Angular UI组件库入门指南 - 如何安装和开始使用(一)

图片上传并回显Ajax异步篇

内容导读

jq+ajax+bootstrap改了一个动态分页的表格

Datetimepicker.js用法

前端常见面试 - 请求篇