$.post(“<%=basePath%>customer/delete.action”,{“id”:id},function(data){
if(data==“1”){
alert(“客户删除删除成功！”);
}else{
alert(“客户信息删除失败！”);
}
window.location.reload();
});
}
复制代码
注意：上述有两个点： $(“form”).serialize()
jQuery ajax()使用serialize()提交form数据,如果打印 $(“form”).serialize()的值， 格式是：id=12&name=“eric”&age=18&city=“aa”… 那么，问题来了，我们在服务器的Controller中应当如何去接收呢？ 用@ResponseBody接收 confirm(’’)
在JavaScript中共有三种弹出框（alert，confirm，prompt）
-
1.alert就是一个警告消息框。
-
2.confirm（“你想让用户确认的信息”）确认消息框 首先：confirm 方法的返回值为 true 或 false
-
3.prompt() 提示消息框 用户可以在段输入一个答案来响应您的提示，返回一个用户的输入值
.val(),.html(),.text()
JQuery获取标签的值和赋值的方法 下面说一下三者之间的区别：
-
$(“#div01”).val()
-
val(),表示获取id为div01标签中的value值；
-
val(“aaa”)针对带有value属性的元素进行赋值， 其实就是给该元素的 value赋值aaa
-
$(“#div01”).html()
-
.html()获取获取id为div01标签体中的值
-
.html(“”《option value=’’>“”) 针对某一个元素，可以使用元素左右包括起来一段值的元素赋值 。如：.html(“《font》 《/font》”)
-
$(“#dov01”).text()
-
.text()作用同html，只是一个支持html代码
-
.text(“aaaaaa”)该方法针对那些可以在两个标签中写值的赋值工作 。 如 ：《div》aaaaaaaa《/div》
$.ajax()
提层实现基于Ajax的使用，关键在于内部的参数如何写，这里直接上代码
function editCustomer(id) {
$.ajax({
type:“get”,
url:“<%=basePath%>customer/edit.action”,
data:{“id”:id},
success:function(data) {
$(“#edit_cust_id”).val(data.cust_id);
$(“#edit_customerName”).val(data.cust_name);
$(“#edit_customerFrom”).val(data.cust_source)
$(“#edit_custIndustry”).val(data.cust_industry)
$(“#edit_custLevel”).val(data.cust_level)
$(“#edit_linkMan”).val(data.cust_linkman);
$(“#edit_phone”).val(data.cust_phone);
$(“#edit_mobile”).val(data.cust_mobile);
$(“#edit_zipcode”).val(data.cust_zipcode);
$(“#edit_address”).val(data.cust_address);
}
});
}
复制代码
以上有一个点，那就是返回的数据data，data是有Controller层使用@ResponseBody直接将一个对象以Json的形式返回的。
案例1.仿百度提示
======================================================================
需求：在我们使用百度的时候，往往在输入几个字符后，它就会给我们一个提示了，那么前端页面是如何实现响应的呢？
思路：：使用.keyup获取键盘弹起的事件，然后获取输入框的值，即每当键盘弹起后，就获取此时输入框的值，得到输入框的值后将数据发送（Post）到Controller层，Controller调用service层->持久层->获取数据库的信息，再将其返回前端页面。
百度一下
复制代码
js:
//入口函数 以前是 $(document).ready(fuction(){})
//获取键盘弹起的事件
$(function(){
$(“#word”).keyup(function() {
//获取输入框的信息，再上传
// alert(“asd”);
var word=$(this).val();
//alert(word);
$.post(“/AjaxAndJQuery/findServlet”,{words:word},function(data,status){
//alert(data);
//返回的data是一个jsp页面，现在我们把它放在指定的div中
if(word==“”){
$(“#div01”).hide();
}else{
$(“#div01”).show();
$(“#div01”).html(data);
}
});
})
});
复制代码
Controller(这里使用servlet)：
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
try {
//获取数据，查询数据库，返回数据值
request.setCharacterEncoding(“utf-8”);
String word = request.getParameter(“words”);
//
findDao findDaoImpl = new findDaoImpl();
List list = findDaoImpl.findInformation(word);
//打印从数据库获取的内容
for (String news : list) {
System.out.println(news);
}
request.setAttribute(“words”, list);
response.setContentType(“text/html;charset=utf-8”);
/**
-
谁请求，它就把页面返回给谁，一般我们都是用浏览器去访问，它就把页面返回给浏览器
-
当我用JQuery去访问，它就把数据返回给JQuery，放在data数据里面
*/
request.getRequestDispatcher(“/JQueryFind/list.jsp”).forward(request, response);
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
复制代码
注意：此处返回的是一个jsp页面，也就是说，在JQuery中的data是一个jsp页面 list.jsp
<c:forEach items=“${words}” var=“word”>
${word}</c:forEach>
复制代码
案例2.省市联动
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
总结
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。
内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。
前端面试题汇总
JavaScript
性能
linux
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
t/7796de226b373d068d8f5bef31e668ce.png)
性能
linux
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-U19kFZqP-1712424533014)]
