ajax返回成功相关知识
-
struts2+ajax+jQuery 保存数据,返回成功与否struts2+ajax+jQuery返回数值问题 今天做了一个WEB端,保存数据,并返回保存成功与否的模块。 代码贴出来:struts2.xml<action name="updateMsg" class="web.UpdateMsgAction"></action> UpdateMsgAction.java文件public String execute() throws IOException { // 返回修改的行数 // uDao是持久层,连接数据库,进行数据操作 int row = uDao.up
-
Ajax叠加(Ajax返回数据用Ajax提交) 最近在做人事管理系统的一个签到功能,首先是把部门当做参数,把参数用Ajax发送到数据库进行查询,然后以表格形式动态生成员工信息到返回页面的Div里,表格最后的一列是签到按钮,这时我想用JQuery继续获取被点击的“签到”按钮,然后用Ajax将数据发送到数据库签到表,更新签到表,于是我就把每个签到按钮的id属性设置成第一次Ajax返回的每个员工信息的工号,再次用JQuery获取,怎么获取呢?想到了标签加事件选择器,于是写了下面代码: $(function(){ $("tr input:button").click(){ $.ajax({ &
-
JQUERY AJAX请求成功,返回了数据,但是不进SUCCESS的问题 【转】这几天一直被 ajax请求成功,返回了数据,但是不进success的问题困扰着,怎么弄就是解决不了,总以为 是:$(document).ready(function(){});没起作用,一直找页面加载的方法来试,整了好几天没整出来....今天比较幸运, 在网上找到了一篇关于这方面问题的文章,按上面的方法一试,果然ok了,哈哈哈,真是太高兴了....终于解决这个问题了。 这个问题的原因来自myexception.cn/ajax/413061.html拷贝内容 --------------------------拷贝内容 start ---------------------------------------
-
ajax返回值 json 乱码 解决方案ajax的返回值一直乱码,试过各种ContentType设定utf-8的方法,就是搞不定,而且明明返回值是json字符串,一直出现ajax取得返回值类型为object。最后查资料发现,SpringMVC使用 @ResponseBody注解,返加字符串不做任何处理时,有可能会出现乱码问题。这是由于 StringHttpMessageConverter 类中,默认采用的字符集是 ISO-8859-1。public class StringHttpMessageConverter extends AbstractHttpMessageConverter<String> { public static final Charset DEFAULT_CHARSET = C
ajax返回成功相关课程
ajax返回成功相关教程
- 3. 封装 ajax 请求 ajax 是前端用于发送接口请求的技术,它是异步的,需要等待结果返回后执行在发送 ajax 请求时,我们可能会这样去写。ajax({ url: '', method: '', data: {}, params: {}, success: function (res) {}, error: function (err) {}})url: 接口请求地址;method: 接口请求方法,如:get、post 等;data: 请求时使用 body 传输的数据,一般用于 post 请求中;params: 请求时使用 url 传递的数据,一般用于 get 请求中;success: 接口请求成功时的回调,参数为接口成功的返回值;error: 接口请求失败时的回调,参数为抛出异常时的调用栈等信息。XMLHttpRequest 是浏览器提供的对象,用于进行后台与服务端的数据进行交互
- 5.2 服务端写入 MySQL 并返回成功 假如我们已经录入了数据并点击了提交按钮,那此时服务端也需要有相应的路由来响应这个请求。简单的步骤,我们需要分三步走:获取请求中的 data 数据,解构出我们要录入的每个字段。执行 sql 语句, 录入新数据。录入成功,返回成功结果。对照着这几个步骤,我们来看看下面的代码:5.2.1 使用 node// 添加课程router.post("/course/post", function(req, res) { const {name, teacher, startTime, endTime} = req.body // 解构出每个字段 // sql 语句, “?” 会对应后面 values const sql = `INSERT INTO course(name, teacher, start_time, end_time) VALUES (?,?,?,?);` const values = [name, teacher, startTime,endTime] // 插入的所有值 // 执行 sql 语句 connection.query(sql, values,function (error, results, fields) { if (error) throw error; const responseData = buildResponse(0, null) // 包装结果 res.send(responseData); // 返回结果 });});在服务端的响应代码中,我们可以看到。当服务端接收到请求的时候,会执行 SQL 语句,把前端发送的请求中的数据添加到 MySQL 中,然后返回成功的结果。5.2.2 使用 Javaprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 解析 body 中的参数,结果将会添加到 data 上 StringBuffer data = new StringBuffer(); String line = null; BufferedReader reader = null; try { reader = request.getReader(); while (null != (line = reader.readLine())) data.append(line); } catch (IOException e) { } finally { } JSONObject body= JSON.parseObject(data.toString()); // 将解析后的结果转变为 JSONObject 对象 Connection conn = null; PreparedStatement stmt = null; // 设置编码 request.setCharacterEncoding("utf-8"); response.setContentType("text/json; charset=utf-8"); // 输出对象 PrintWriter out = response.getWriter(); // 返回结果, Map 类型 Map<String,Object> resMap = new HashMap<String,Object>(); try{ // 注册 JDBC 驱动 Class.forName(JDBC_DRIVER); // 打开链接 System.out.println("连接数据库..."); conn = DriverManager.getConnection(DB_URL,USER,PW); // 执行查询 String sql; // 添加插入的数据, 执行 sql = "INSERT INTO course(name, teacher, start_time, end_time) VALUES (?,?,?,?);"; stmt = conn.prepareStatement(sql); stmt.setString(1, body.getString("name")); stmt.setString(2, body.getString("teacher")); stmt.setString(3, body.getString("startTime")); stmt.setString(4, body.getString("endTime")); stmt.executeUpdate(); stmt.close(); conn.close(); // 输出数据 resMap = buildResponse(0, null, null); String responseData = JSON.toJSONString(resMap); out.println(responseData); }catch(SQLException se){ // 处理 JDBC 错误 se.printStackTrace(); }catch(Exception e){ // 处理 Class.forName 错误 e.printStackTrace(); }finally{ // 关闭资源 try{ if(stmt!=null) stmt.close(); }catch(SQLException se2){ } try{ if(conn!=null) conn.close(); }catch(SQLException se){ se.printStackTrace(); } }}这里 Java 部分只给出 doPost 部分,这里有个地方需要注意,在 doPost 函数中,我们在一开始需要对 body 进行解析,获取我们需要的参数。其他的思路也是一样的,在 sql 语句成功执行之后,我们包装好结果进行返回。
- 1.1 返回错误码 例如,在 C 语言中,函数 open 用于打开一个文件,它的声明如下:int open(char *path, int mode);参数 path 指定要打开的文件;参数 mode 指定打开文件的方式:只读、读写;函数返回一个整数,该整数作为文件的标识符;如果打开文件成功,则返回一个非负的整数;如果打开文件失败,则返回 -1。因此,通过检查函数 open 的返回值,即可以判断 open 是否成功,示例如下:int file = open("test.txt", O_RDONLY);if (file < 0) puts("open file failed"); ...在第 1 行,函数 open 打开文件 test.txt在第 2 行,如果函数 open 的返回值小于 0,则表示打开文件失败
- 6.1 配置 ajax function ajaxError(){ alert('ajax error');}function ajaxSuccess(result){ if (result.error) { alert('操作失败'); return; } location.reload();}在 RESTful 架构中,客户端使用 ajax 技术请求服务端的服务。当 ajax 请求失败时,调用 ajaxError,提示用户 ajax 请求服务失败;当 ajax 请求成功时,调用 ajaxSuccess,提示用户 ajax 请求服务成功。在网站的首页展示所有的联系人,当新增、修改、删除联系人后,需要刷新首页面,因此,在第 12 行,当 ajax 调用服务成功后,需要 location.reload() 刷新页面,从服务端重新加载所有的联系人。
- 3.1 配置 Ajax function ajaxError(){ alert('ajax error');}function ajaxSuccess(result){ if (result.error) { alert('操作失败'); return; } location.reload();}客户端使用 ajax 技术请求服务端的服务。当 ajax 请求失败时,调用 ajaxError,提示用户 ajax 请求服务失败;当 ajax 请求成功时,调用 ajaxSuccess,提示用户 ajax 请求服务成功。
- 实现 ajax function ajax(options) { const { url, method, data, params, success, error } = options; const xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { // readyState为4的时候已接收完毕 if (xhr.readyState === 4) { // 状态码200表示成功 if (xhr.status === 200) { console.log(xhr.responseText); success.call(this, xhr.responseText); } else { console.log(xhr.status); error.call(this, xhr.status) } } }; // get 请求 if (method === 'get' || method === 'GET') { if (typeof params === 'object') { // params拆解成字符串 params = Object.keys(params).map(function (key) { return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]); }).join('&'); } url = params ? `${url}?${params}` : url; xhr.open(method, url, true); xhr.send(); } // post 请求 if (method === 'post' || method === 'POST') { xhr.open(method, url, true); xhr.setRequestHeader("Content-type", "application/json; charset=utf-8"); xhr.send(JSON.stringify(params)); }}使用 promise 进行封装function ajax(url, method, params) { return new Promise((resolve, reject) => { // 创建XMLHttpRequest对象 const xhr = new XMLHttpRequest(); // 状态改变时的回调 xhr.onreadystatechange = function () { // readyState为4的时候已接收完毕 if (xhr.readyState === 4) { // 状态码200表示成功 if (xhr.status === 200) { resolve(xhr.responseText); } else { reject(xhr.status); } } }; // ... });}
ajax返回成功相关搜索
-
ajax
android
a href
abap
abap开发
abort
absolutelayout
abstractmethoderror
abstracttablemodel
accept
access
access教程
accordion
accumulate
acess
action
actionform
actionlistener
activity
addeventlistener