当前位置: 首页 > wzjs >正文

wordpress自动更新文章百度关键词seo排名

wordpress自动更新文章,百度关键词seo排名,常州人才招聘网,网站 选项卡 图标JSON 是一种 轻量级的数据交换格式,用文本表示结构化数据,易于人阅读和机器解析。 Ajax 是一种 异步通信技术,允许网页在不刷新整个页面的情况下,通过 JavaScript 向服务器发送请求并接收响应。 前端: student.html …

JSON 是一种 轻量级的数据交换格式,用文本表示结构化数据,易于人阅读和机器解析。

Ajax 是一种 异步通信技术,允许网页在不刷新整个页面的情况下,通过 JavaScript 向服务器发送请求并接收响应。

前端: 

student.html 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.7.1.min.js" defer></script>
<script src="js/student.js" defer></script>
<style>.addModel,.updateModel{width:260px;height:140px;border:5px solid gold;margin-top:20px;padding:10px;display:none;}
</style>
</head>
<body>
<input type='button' value='添加'' class='add'><table border='1'><thead><tr><th>id</th><th>name</th><th>age</th><th>sex</th><th>操作</th></tr></thead><tbody></tbody></table><div class='addModel'>姓名:<input type='text' class='addName'><br>性别:<input type='text' class='addSex'><br>年龄:<input type='text' class='addAge'><br><input type='button' value="添加" class='addBtn'><input type='button' value="取消" class='back'></div><div class='updateModel'>姓名:<input type='text' class='updateName'><br>性别:<input type='text' class='updateSex'><br>年龄:<input type='text' class='updateAge'><br><input type='button' value="修改" class='updateBtn'><input type='button' value="取消" class='back'></div></body>
</html>

student.js 

//查找
$.ajax({url:"SearchServlett",type:"get",success:function(value){var arr = value.datafor(var i=0;i<arr.length;i++){$("tbody").append("<tr>"+"<td>"+arr[i].id+"</td>"+"<td>"+arr[i].name+"</td>"+"<td>"+arr[i].age+"</td>"+"<td>"+arr[i].sex+"</td>"+"<td><input type='button' value='修改 ' class='update' index='"+arr[i].id+"'>  <input type='button' value='删除'  class='delete' index='"+arr[i].id+"'> </td>"+"</tr>")}},error:function(){alert("出错啦!")},
})
//添加小模块呈现
$(".add").click(function(){$(".addModel").css("display","block")
})
//取消 小模块隐藏
$(".back").click(function(){$(".addModel").css("display","none")$(".updateModel").css("display","none")
})//添加(从前端页面拿到输入数据)
$(".addBtn").click(function(){//val 获取输入框里的值,trim()去掉空格//从输入框获取姓名var name=$(".addName").val().trim()var age=$(".addSex").val().trim()var sex=$(".addAge").val().trim() if(name==""){alert("姓名不能为空")return}if(sex==""){alert("性别不能为空")return}if(age==""){alert("年龄不能为空")return}$.ajax({url:"AddServlet",type:"post",//name:name ,age:age..因为相同,所以省略,只写一个;//如果前面不同,则不能简写data:{name,age,sex},success:function(value){alert(value)//页面刷新(不需要重新启动)location.reload()},error:function(){alert("出错啦")}})})
//修改小模块回显+信息在小模块复现
//未来元素:HTML里没有,在js里追加的元素 传入包含未来元素的HTML元素
$("tbody").on("click",".update",function(){//显示修改弹窗模块$(".updateModel").css("display","block")//获取当前点击行对应的数据ID(从按钮的index属性获取)var id=$(this).attr("index")//发送Ajax请求到后端$.ajax({url:"SearchById?id="+id,//向servlet传参type:"get",//value来自后端servlet的响应数据//data是后端返回的JSON中的属性success:function(value){//获取返回数据数组的第一条记录var obj=value.data[0]//将数据填充到修改表单$(".updateName").val(obj.name)$(".updateAge").val(obj.age)$(".updateSex").val(obj.sex)//将ID存储在修改按钮上$(".updateBtn").attr("index",obj.id)},error:function(){alert("出错啦")}})
})
//修改
$(".updateBtn").click(function(){var name=$(".updateName").val().trim()var sex=$(".updateSex").val().trim()var age=$(".updateAge").val().trim()var id=$(".updateBtn").attr("index")$.ajax({url:"UpdateServlet",type:"post",data:{name,age,sex,id},success:function(value){alert(value)location.reload()},error:function(){alert("出错啦")}})
})
//删除
$("tbody").on("click",".delete",function(){var id = $(this).attr("index")$.ajax({url:"DeleteServlet",type:"post",data:{id},success:function(value){alert(value)location.reload()},error:function(){alert("出错啦")}})
})

后端 :

AddServlet.java 

package com.qc.servlet;import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.qc.db.MysqlUtil;/*** Servlet implementation class AddServlet*/
@WebServlet("/AddServlet")
public class AddServlet extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public AddServlet() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubresponse.getWriter().append("Served at: ").append(request.getContextPath());}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//		//接受参数String name=request.getParameter("name");String sex=request.getParameter("sex");String age=request.getParameter("age");//拼接sqlString sql="insert into student(name,age,sex) values(\""+name+"\","+sex+",\""+age+"\")";//执行sql,返回所在行数int num=MysqlUtil.add(sql);//返回信息String res="添加失败";if(num>0) {res="添加成功";}response.setCharacterEncoding("utf-8");response.getWriter().write(res);}
}

SearchById.java [修改doget]

package com.qc.servlet;import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.qc.db.MysqlUtil;/*** Servlet implementation class SearchById*/
@WebServlet("/SearchById")
public class SearchById extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public SearchById() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1.从请求参数中获取id值String id=request.getParameter("id");//2.拼接SQL查询语句String sql="select * from student where id="+id;//3.定义需要从数据库结果集中提取的列名String[] colums= {"id","sex","age","name"};//4.调用工具类方法执行SQL查询并获取JSON格式的结果String res=MysqlUtil.getJsonBySql(sql, colums);//5.设置响应内容类型为JSON格式response.setContentType("text/json;charset=utf-8");//6.将JSON字符串写入响应输出流,返回给前端response.getWriter().write(res);}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubdoGet(request, response);}}

UpdateServlet.java 

package com.qc.servlet;import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.qc.db.MysqlUtil;/*** Servlet implementation class UpdateServlet*/
@WebServlet("/UpdateServlet")
public class UpdateServlet extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public UpdateServlet() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubresponse.getWriter().append("Served at: ").append(request.getContextPath());}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {String name=request.getParameter("name");String age=request.getParameter("age");String sex=request.getParameter("sex");String id=request.getParameter("id");//拼接sqlString sql="update student set name=\""+name+"\",age="+age+",sex=\""+sex+"\" where id="+id;//执行sqlint num=MysqlUtil.update(sql);//返回信息String res="修改失败";if(num>0) {res="修改成功";}response.setCharacterEncoding("utf-8");response.getWriter().write(res);}}

DeleteServlet.java 

 

package com.qc.servlet;import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.qc.db.MysqlUtil;/*** Servlet implementation class DeleteServlet*/
@WebServlet("/DeleteServlet")
public class DeleteServlet extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public DeleteServlet() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubresponse.getWriter().append("Served at: ").append(request.getContextPath());}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {String id=request.getParameter("id");//拼接sqlString sql="delete from student where id="+id;//执行sqlint num=MysqlUtil.del(sql);//返回信息String res="删除失败";if(num>0) {res="删除成功";}response.setCharacterEncoding("utf-8");response.getWriter().write(res);}}

 

 

 

 

 

 

 

http://www.dtcms.com/wzjs/366055.html

相关文章:

  • 电子商务做网站seo关键词优化工具
  • 专业网站建设哪家效果好五行seo博客
  • 帝国cms添加网站地图整站优化包年
  • 企业网站 asp源码磁力蜘蛛种子搜索
  • 无锡网站建设开发长春seo优化
  • 网站建设服务器租赁google关键词搜索技巧
  • 有哪些免费的做网站平台怎么在百度上做网站
  • 大连 网站建设 有限公司yoast seo教程
  • 网站5g空间多少钱百度 站长工具
  • web前端模板下载网站如何快速推广app
  • 广汉做网站郑州网站建设十大公司
  • 寻找做网站的网络宣传的好处
  • 用python做网站开发的课程网页seo搜索引擎优化
  • 做电商网站哪里好宁波seo关键词费用
  • 丽江门户网站网络营销ppt讲解
  • 微博网站开发与设计开题报告广州各区最新动态
  • 织梦做双语版网站西安百度
  • 东营外贸型网站设计seo优化软件
  • 免费企业cms湖南seo推广服务
  • 做网站投诉要钱吗滕州网站建设优化
  • 网站建设登录注册怎么做收录优美图片官网
  • 哪家建设网站郑州seo实战培训
  • 电商网站开发设计苏州seo公司
  • 自己注册个公司做网站怎么样外贸平台哪个网站最好
  • 昆明电子商务网站建设河北seo技术
  • 哪个素材网站做美工最好百度关键词优化工具
  • java web是做网站的吗网站设计就业
  • 食品建设网站郑州百度推广公司电话
  • 做我韩国连续剧网站搭建网站费用是多少
  • 网站上的定位怎么做搜索引擎技术包括哪些