在本文中,我们将给您介绍关于小白使用react---ajax请求后的数据在另一个页面显示的详细内容,并且为您解答reactajax请求的相关问题,此外,我们还将为您提供关于ajax从一个页面传递错误信
在本文中,我们将给您介绍关于小白使用react---ajax请求后的数据在另一个页面显示的详细内容,并且为您解答react ajax请求的相关问题,此外,我们还将为您提供关于ajax 从一个页面传递错误信息至另一个页面?怎么解决?、ajax向controller发送请求 页面不跳转到另一个页面、ajax接收后台数据在html页面显示、AJAX请求 $.ajaxSetup方法的使用:设置AJAX请求的默认参数选项,当程序中需要发起多个AJAX请求时,则不用再为每一个请求配置请求的参数的知识。
本文目录一览:- 小白使用react---ajax请求后的数据在另一个页面显示(react ajax请求)
- ajax 从一个页面传递错误信息至另一个页面?怎么解决?
- ajax向controller发送请求 页面不跳转到另一个页面
- ajax接收后台数据在html页面显示
- AJAX请求 $.ajaxSetup方法的使用:设置AJAX请求的默认参数选项,当程序中需要发起多个AJAX请求时,则不用再为每一个请求配置请求的参数
小白使用react---ajax请求后的数据在另一个页面显示(react ajax请求)
搜索了各种资料,有以下两条路线
1、组件间的通信,我想实现的是兄弟间的组件通信
期间搜到了,容器组件,是redux的内容(由于项目比较赶,学习这个也需要时间,就没使用)
https://www.cnblogs.com/chris-oil/p/6271312.html
https://www.cnblogs.com/libin-1/p/7087605.html
http://blog.csdn.net/kongjunchao159/article/details/72725736
http://blog.csdn.net/limm33/article/details/50942863
2、ajax请求的数据先从到localstorge中,在另一个页面再取出来。
http://blog.csdn.net/cdp19930414/article/details/52937263
ajax 从一个页面传递错误信息至另一个页面?怎么解决?
这是一个页面的代码 index.php
<script> $("#yollash").click(function() { var isim=$("#uyisim").val(); var mezmun=$("#qay_num").val(); if( isim.length>=2 & mezmun.length>0 ){ var formData = $("#jediwel").serializeArray(); $.ajax({ url : "yollash.php", type: "POST", data : formData, success: function(data, textStatus, jqXHR) { $(".modal-body").html("<h2>قۇشۇلدى!") $(''#myModal'').modal(''toggle'') }, error: function(jqXHR, textStatus, errorThrown) { $(".modal-body").html("<h2>قايتۇرۇش نۇمۇرى بار ئىكەن!") $(''#myModal'').modal(''toggle'') } }); } else { $(".modal-body").html("<h2>تۇلۇق تولدۇرۇڭ") $(''#myModal'').modal(''toggle'') } }); </script>
我做了另一个页面,就是把表单上的数据插入到数据库中,然后就在那个页面判断数据库中某个数据存在不存在,如果存在就会传递给前面的页面一个错误信息,下面的是另一个页面的代码片段 yollash.php
$yengi = mysql_query("SELECT qay_num FROM wx_milodiye WHERE qay_num= ''$qay_num''"); if(mysql_num_rows($yengi)) { } else { $yollash_sql= mysql_query("INSERT INTO wx_milodiye(uy_ismi,tur,musicurl,hqmusicurl,qay_num,waqit) VALUES(''$uyisim'',''$tur'',''$musicurl'',''$hqmusicurl'',''$qay_num'',now())") or die (mysql_error()); }
就在那个判断的地方怎么写?(新学者,可能表达不清楚)
回复内容:
这是一个页面的代码 index.php
<script> $("#yollash").click(function() { var isim=$("#uyisim").val(); var mezmun=$("#qay_num").val(); if( isim.length>=2 & mezmun.length>0 ){ var formData = $("#jediwel").serializeArray(); $.ajax({ url : "yollash.php", type: "POST", data : formData, success: function(data, textStatus, jqXHR) { $(".modal-body").html("<h2>قۇشۇلدى!") $(''#myModal'').modal(''toggle'') }, error: function(jqXHR, textStatus, errorThrown) { $(".modal-body").html("<h2>قايتۇرۇش نۇمۇرى بار ئىكەن!") $(''#myModal'').modal(''toggle'') } }); } else { $(".modal-body").html("<h2>تۇلۇق تولدۇرۇڭ") $(''#myModal'').modal(''toggle'') } }); </script>
我做了另一个页面,就是把表单上的数据插入到数据库中,然后就在那个页面判断数据库中某个数据存在不存在,如果存在就会传递给前面的页面一个错误信息,下面的是另一个页面的代码片段 yollash.php
$yengi = mysql_query("SELECT qay_num FROM wx_milodiye WHERE qay_num= ''$qay_num''"); if(mysql_num_rows($yengi)) { } else { $yollash_sql= mysql_query("INSERT INTO wx_milodiye(uy_ismi,tur,musicurl,hqmusicurl,qay_num,waqit) VALUES(''$uyisim'',''$tur'',''$musicurl'',''$hqmusicurl'',''$qay_num'',now())") or die (mysql_error()); }
就在那个判断的地方怎么写?(新学者,可能表达不清楚)
echo json_encode(array(''code''=>201,''message''=>''数据已存在''));
js里面的success回调函数里面就可以
if(data.code == 201){ alert(data.message); }
yollash.php 页面直接输出需要的内容就 ok 了
其实你需要定的是前后端交互的一个数据格式,到底是文本内容还是json数据。
ajax向controller发送请求 页面不跳转到另一个页面
@RequestMapping(value="distributor/general") public String allocation_c(distributor distributor,HttpServletRequest request,HttpServletResponse response,Model model,String codes){ for(codes....){ } Page<distributor> page = distributorService.findPageGeneral(new Page<distributor>(request,response),distributor); model.addAttribute("page",page); return "xxx/distributorGeneralList"; }
$.ajax({ url:'/xxx/distributor/general',type: "post",data: codes,success: function (result) { //由于ajax发送的url到控制层不会进行页面的跳转,因为当请求成功以后,请求依然会回success,所以可以在此再写一遍url进行跳转 window.location.href="/xxx/distributor/general"; } });window.location.href 完美解决问题 页面跳转
ajax接收后台数据在html页面显示
Java代码
Ajax代码
HTML页面
在ajax中,"#"代表的是一个标签的id,"."代表的是一个标签的class
在Java后台, 设置请求以及响应的内容类型以及编码方式 必须写在 json对象转换字符串 之前 ,否则会造成json中文乱码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持小编!
AJAX请求 $.ajaxSetup方法的使用:设置AJAX请求的默认参数选项,当程序中需要发起多个AJAX请求时,则不用再为每一个请求配置请求的参数
定义和用法
ajaxSetup() 方法为将来的 AJAX 请求设置默认值。
语法
$.ajaxSetup({name:value,name:value,... })
该参数为带有一个或多个名称/值对的 AJAX 请求规定设置。下面的表格中列出了可能的名称/值:名称 值/描述async 布尔值,表示请求是否异步处理。默认是 true。beforeSend(xhr) 发送请求前运行的函数。cache 布尔值,表示浏览器是否缓存被请求页面。默认是 true。complete(xhr,status) 请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后)。contentType 发送数据到服务器时所使用的内容类型。默认是:"application/x-www-form-urlencoded"。context 为所有 AJAX 相关的回调函数规定 "this" 值。data 规定要发送到服务器的数据。dataFilter(data,type) 用于处理 XMLHttpRequest 原始响应数据的函数。dataType 预期的服务器响应的数据类型。error(xhr,status,error) 如果请求失败要运行的函数。global 布尔值,规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。ifModified 布尔值,规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。jsonp 在一个 jsonp 中重写回调函数的字符串。jsonpCallback 在一个 jsonp 中规定回调函数的名称。password 规定在 HTTP 访问认证请求中使用的密码。processData 布尔值,规定通过请求发送的数据是否转换为查询字符串。默认是 true。scriptCharset 规定请求的字符集。success(result,xhr) 当请求成功时运行的函数。timeout 设置本地的请求超时时间(以毫秒计)。Traditional 布尔值,规定是否使用参数序列化的传统样式。type 规定请求的类型(GET 或 POST)。url 规定发送请求的 URL。默认是当前页面。username 规定在 HTTP 访问认证请求中使用的用户名。xhr 用于创建 XMLHttpRequest 对象的函数。
今天的关于小白使用react---ajax请求后的数据在另一个页面显示和react ajax请求的分享已经结束,谢谢您的关注,如果想了解更多关于ajax 从一个页面传递错误信息至另一个页面?怎么解决?、ajax向controller发送请求 页面不跳转到另一个页面、ajax接收后台数据在html页面显示、AJAX请求 $.ajaxSetup方法的使用:设置AJAX请求的默认参数选项,当程序中需要发起多个AJAX请求时,则不用再为每一个请求配置请求的参数的相关知识,请在本站进行查询。
本文标签: