-
2021-08-06 04:51:51
在我的项目中，我使用ajax从数据库中获取数据。我测试数据内容，我选择alert(valData)成功函数。但不幸的是，没有从 ajax返回。我测试过如何使用ajax从数据库获取正确的数据
select contact from IDC WHERE id=5;
它在mysql cmd行中正常工作。
这里是我的js代码：
var stNum = 5;
$.ajax({
dataType:'json',
type:"POST",
url:"get_ajax_csc.php",
data:{stNum:stNum},
success:function(data)
{
var valData = data;
alert(valData);
}
});
这里是get_ajax_csc.php代码：
if(isset($_POST['stNum']))
{
include("DB.php");
$q=$_POST["stNum"];
$sql="select contact from IDC WHERE id='".$q."';";
$sel = $conn->query($sql);
$arr = $sel->fetch(PDO::FETCH_ASSOC);
echo $arr['contact'];
}
if(isset($_POST['htmlCnt']))
{
include("DB.php");
$htcnt=stripslashes(".$_POST['htmlCnt'].");
........
}
?>
这里是db.php中代码：
session_start();
$pwd=$_SESSION['password'];
$user=$_SESSION['user'];
try
{
$conn = new PDO('mysql:host=x.x.x.x;port=3306;dbname=hpc',$user,$pwd);
}
catch (PDOException $e)
{
echo "account or pwd wrong ";
exit;
}
$conn->setAttribute(PDO::ATTR_ORACLE_NULLS, true);
?>
这似乎无可厚非我的代码，但我无法从数据库取数据
我不知道这个错误，谁能帮助我？
2017-09-11
stack
+0
开放开发控制台，检查错误。 –
+2
请不要在会话中存储您的密码和用户。这是非常不安全的。 –
+1
按下F12 Chrome浏览器 - >网络 - >找到您的请求，并检查所有数据是否正确。 –
更多相关内容 -
Ajax - 接收 后端查询数据库的数据 在前端展示
2020-11-24 15:31:34//告诉SpringMVC，此时的返回 不是一个 View页面，而是一个 ajax调用的返回值（Json数组） @ResponseBody @RequestMapping(value="testJson") public List<Student> testJson() { //Controller-Service-...展开全文后台的代码
@Controller和@ResponseBody配合使用，等于@RestController
//告诉SpringMVC，此时的返回 不是一个 View页面，而是一个 ajax调用的返回值（Json数组） @ResponseBody @RequestMapping(value="testJson") public List<Student> testJson() { //Controller-Service-dao //模拟调用service的查询操作到的结果 Student stu1 = new Student(1,"zs",23); Student stu2 = new Student(2,"ls",24); Student stu3 = new Student(3,"ww",25); List<Student> students = new ArrayList<>(); students.add(stu1) ; students.add(stu2) ; students.add(stu3) ; return students; }前端页面代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#testJson").click(function(){ //按钮只可以被点击一次 $(this).attr('disabled', 1); //通过ajax请求springmvc $.post( "testJson",//服务器地址 function(result) { for (var i = 0; i < result.length; i++) { var trTD = "<tr><td>" + result[i].id + "</td><td>" + result[i].name + "</td><td>" + result[i].age+ "</td></tr>"; $("#tb").append(trTD); } } ); }); }); </script> </head> <body> <div> <table id="tb"> <tr> <td>id</td> <td>name</td> <td>age</td> </tr> </table> <!-- style="VISIBILITY: hidden" //让按钮隐形--> <input id="testJson" type="button" value="testJson" /> </div> <br/><br><br><br><br> </body> </html>运行页面：
点击按钮
-
select2实现ajax查询数据
2018-09-07 16:17:571、 首先需要在jsp页面导入有关...https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" /&gt; &lt;script src="h展开全文1、 首先需要在jsp页面导入有关select2的js和css文件，前提也需要Jquery的js文件
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script> <script type="text/javascript" src="<%=basePath%>common/jquery/jquery.1.9.1.js"></script>或者到官网下载：http://select2.github.io/
或者这里：https://download.csdn.net/download/su1573/10657038
2、 然后在js文件中，编写相关的jsfunction EmploreName_select2(){ var EmploreId ; if(comcodeC==03){ EmploreId = usercodeC; }else{ EmploreId = $('#CustomName').combobox('getValue'); } $("#EmploreName").select2({ ajax: { url : basePath+'public.asp', dataType : 'json', type : 'post', data : function (params) { return { funcId : "EmploreNameQ", EmploreId: EmploreId, perName : params.term //接收搜索框输入的姓名 }; }, processResults: function (data) { //data返回数据 var options = new Array(); $(data.items).each(function(i, o) { options.push({ //获取select2个必要的字段，id与text id : o.Code, //取出items中Code赋值给id text : o.CodeName //取出items中CodeName赋值给text }); }); return { results: options //返回数据 }; }, cache: true }, placeholder: "输入姓名搜索...", allowClear: true, //选中之后，可手动点击删除 escapeMarkup: function (markup) { return markup; }, // 字符转义处理自定义格式化防止xss注入 formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果 formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择 }); }说明：
- perName : params.term 为搜索框中的内容，下图红框内容所示
- data.items 为后台返回数据中的json集合 （不一定是items根据项目中定义的所示）
- placeholder占位提示文字，如果需要清除功能，则必须设置placeholder
- allowClear: true 设置为true，则表示可以手动清除，点击选择框后面“×”
- minimumInputLength 最小需要输入多少个字符才进行查询，与之相关的maximumSelectionLength表示最大输入限制。（根据需要选择添加，不设置，则自动查询）
- escapeMarkup字符转义处理
- templateResult返回结果回调function formatRepo(repo){return repo.text},这样就可以将返回结果的的text显示到下拉框里，当然你可以return repo.text+”1”;等
templateSelection选中项回调function formatRepoSelection(repo){return repo.text}
3、 在后台处理前台传入的参数
其中EmploreId和perName 需要在sql中用到select AC01.AAC003 codeName ,AC01.AAC001 Code from AC01,AC19 where 1=1 and ac01.aac001=AC19.AAC001 <if test="pd.EmploreId!=null and pd.EmploreId!=''and pd.EmploreId!='00'"> and AC19.aab001=#{pd.EmploreId,jdbcType=VARCHAR} </if> <if test="pd.perName!=null and pd.perName!=''"> and ac01.aac003 like concat(concat('%',#{pd.perName,jdbcType=VARCHAR}),'%') </if>
4、 效果展示
author:su1573
- perName : params.term 为搜索框中的内容，下图红框内容所示
-
layui 父页面打子窗口后,子窗口ajax查询数据成功后自动关闭，并将数据返回给父页面
2019-01-20 01:52:52当父级页面点击搜索新闻时，弹出子窗口（type:2）,并在子窗口中进行关键字的输入，由ajax提交到后台模糊搜索匹配到对应的字段，ajax请求成功后并关闭当前打开的子窗口，关闭子窗口的同时将查询到的数据传递回去给父...展开全文场景：
父级页面是列表页，当父级页面点击搜索新闻时，弹出子窗口（type:2）,并在子窗口中进行关键字的输入，由ajax提交到后台模糊搜索匹配到对应的字段，ajax请求成功后并关闭当前打开的子窗口，关闭子窗口的同时将查询到的数据传递回去给父页面。
思路：（在父页面中定义方法，子页面中拿到父页面的方法，用方法的参数进行传值）
1.实现打开子窗口，子窗口的type:2,在页面中进行表单数据的获取，进行ajax请求后台查询数据。
2.后台数据请求成功后，在子窗口中通过parent.layer.getFrameIndex(window.name)和parent.layer.close(index);方法自动关闭子窗口。
3.由于子窗口关闭后只剩下父页面，父页面并不能直接拿到子窗口请求的数据，这时需要在父页面加载方法$(document).ready(function() {})之后写一个接受数据的方法。参数为子窗口要返回的数据即可。
下面是图：
1.点击蓝色圈的按钮弹出子窗口
自窗口中输入完数据进行ajax的提交查询
代码：
父级页面打开子窗口：
父级页面接收子窗口返回的数据的方法：
文章已移至订阅号中
-
tp5数据的ajax提交及连表查询
2018-04-12 11:23:15$(".box").click(function () { $.ajax({ method: "POST", url: '{:url("cha")}', data: {"name":1}, dataType:"json", success: function(msg){ -
AJAX后端数据
2022-03-13 21:16:01根据Django项目的URLconf和视图的配置方式，URL可能包含关键字参数或查询字符串，我们希望在视图中使用该参数来选择请求的数据。 Headers 设置AJAX请求头参数。我们希望数据以JSON形式从视图返回，因此我们将Accept... -
element获取到后台的数据(ajax)
2017-11-16 19:36:10一.后台代码 List list = uBiz.getAll(); JSONArray json = new JSONArray(); json = json.fromObject(list);...response.getWriter().println(json);...$.ajax({ url:"/Element/data", dataType:"json", e -
Ajax返回数据之前的显示loading等待效果
2018-12-04 14:26:48ajax返回数据之前加载loading图标 发送ajax请求的时候，如果后台暂时没有返回数据，一般会显示一个loading图标来提醒用户当前正在加载中。 一下是用Jquery操作ajax实例： <!DOCTYPE html> <... -
通过Ajax从数据库中获取数据
2018-05-29 09:37:03后台：Test01.ashx.cs:从数据库获取数据，通过HTTP请求（HttpContext）实现和前台数据传递json数据using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Data.... -
Ajax请求接口并将数据返回到页面
2019-05-30 09:24:47<script> $(function(){ $.ajax({ type: "post", //接口地址 url: "http://47.92.145.141:8111/index/index/newsList", data: ... -
ajax 请求数据库中的数据，展示在页面（查询数据）
2021-04-27 19:29:51ajax 请求数据库中的数据，展示在页面 问题描述： Ajax调用数据库中的数据成功，但是没有渲染到页面 出现的问题如图所示 function loadBookList() { // 1.调用后台的接口 获取后台的数据 $.get('... -
vue使用ajax获取后台数据进行显示
2018-02-03 20:13:03//请求服务器的api获取到品牌的数据列表 this .$http. get ( 'http://vueapi.ittun.com/api/getprodlist' ). then ( function (response) { //处理服务器异常信息提示 if (response. body . status != 0 ) ... -
ajax异步数据加载
2022-03-20 15:59:138分钟让初学者明白ajax异步数据加载 -
ajax实现从后端查询数据库，把数据显示在HTML前端【回显】
2020-03-27 14:30:27HTML页面，ajax是基于id的，...拿到的数据会显示在这里 <div id="test"></div> ajax代码： $(document).ready(function() { $.ajax({ url : "admin/get_banji.php",//后台请求的数据，用的是PHP ... -
treetable + ajax 后台取数据的完整实现
2015-09-16 16:23:16treetable的动态获取子节点，展开前触发ajax从数据库获取数据，拼接成json传给前台，实现动态加载无限极子节点 -
flask ajax html 数据交互
2022-03-11 14:36:47flask ajax html 前后端数据交互 -
关于AJAX请求后台数据，接收后台返回的JSON数据，以及前台遍历json数据和append追加元素。
2018-03-23 16:20:35在小程序中，是不能直接跳转后台逻辑来获取数据，而是通过使用AJAX传值和AJAX请求，来向后台逻辑传递信息。1，比如说注册，填写信息之后，通过AJAX传递给后台，后台处理返回是否注册成功的JSON数据，前台再加以分析... -
使用JQuery的ajax查询数据并返回显示在页面
2014-11-07 14:26:26在VS2010环境下用JQuery的ajax请求后台方法，后台方法用JavaScriptSerializer类，把Oracle中的EMP表的数据显示在页面table中，要求返回字符串，在页面上循环添加到table中 -
Ajax传递json数据
2020-11-24 21:42:31Ajax传递json数据 课设老师要求必须用json进行前后端数据交互, 原本觉得jsp的EL传数据很简单,但还是被迫学习了下ajax传递json. 以下是学习过程的总结, 如有错误请大佬不吝赐教!!! ▼环境: IDEA2020.2 + Tomcat8.5 + ... -
asp+ajax无限刷新获取数据
2015-10-10 17:55:06结合BlocksIt.js+ajax实现瀑布流，滚动无限刷新获取数据，以及后端数据读取代码 该资源是用access数据库，语句效率不是很高，只不过是为了演示。 不过我里头写好了sql server的row_number分页查询sql -
springboot+Ajax实时读取数据库
2019-01-20 17:13:27而采集器端会定时上传采集到的信息到数据库，所以想到一种方法就是让web端也定时的读取数据库，并且通过数据库操作（将采集时间进行逆序排序并取最新的一个）获得最新采集到的数据，并通过ajax在不刷新整个网页的... -
使用ajax请求数据接口 （超详细~~~）
2021-12-30 10:34:10快速了解ajax并且掌握ajax的使用方法 -
通过ajax查询数据库数据显示在前台
2018-08-05 20:17:24查询总用户数 @RequestMapping(value = "/findTotalUsers.do",method = RequestMethod.GET) public @ResponseBody Long findTotalUsers(){ ModelAndView modelAndView = new ModelAndView()... -
如何通过Ajax发送数据到后台并接收？
2021-06-04 00:02:47首先，我们使用Ajax是为了在前端页面向后台发送数据，并且得到一些返回的信息，再根据这些返回的信息可以选择去做一些处理，整个过程是异步的。既然有异步，那么就有同步。其差别： 同步：用户通过浏览器向服务器... -
Ajax - 使用Ajax传递Json数据
2020-11-24 11:35:34在使用Ajax时，我们经常会使用JSON来传递数据。本小节，将重点学习JSON对象、JSON数组以及如何在Ajax中传递JSON数据。 JSON简介 (1)定义JSON对象和JSON数组 ①JSON对象 a.定义JSON对象 语法： 在JavaScript中，JSON... -
Ajax 实现加载进度条
2018-06-08 10:40:05先说说这个 beforeSend， 在请求发送前执行 比如 可以判断用户有没有登录 ...$.ajax({ url : 'my_action', dataType: 'script', beforeSend : function(xhr, opts){ if(1 == 1) //just an example { xhr.abor... -
如何使用ajax读取Json中的数据
2021-08-06 03:55:36本文给大家分享一下，如何使用ajax读取Json中的数据。一、基础知识什么是json？JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)JSON 是轻量级的文本数据交换格式JSON 独立于语言 *JSON 具有自我描述... -
Ajax的获取数据的简单方法
2020-11-16 14:16:39SSM中Ajax的使用 用Ajax获取input中的value值 function edit(){ var num = document.getElementById("orderNumId").value(); $.ajax({ type: "POST", dataType: "json", url:"${pageContext.request.context... -
Ajax点击按钮查询数据
2018-07-15 20:30:06$('#Showmsg').click(function (e) { e.preventDefault(); var _url = 'http://192.168.1.6:9500/Hotel'; $.ajax({ url: _url, type: 'GET', cache: f...
