精华内容
下载资源
问答
  • ajax查询数据
    千次阅读
    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浏览器 - >网络 - >找到您的请求,并检查所有数据是否正确。 –

    更多相关内容
  • //告诉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:57
    1、 首先需要在jsp页面导入有关...https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css&quot; rel=&quot;stylesheet&quot; /&amp;gt; &amp;lt;script src=&quot;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文件中,编写相关的js

    function 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;} // 函数用于呈现当前的选择
        });
    }

    说明:

    1. perName : params.term 为搜索框中的内容,下图红框内容所示
      这里写图片描述
    2. data.items 为后台返回数据中的json集合 (不一定是items根据项目中定义的所示)
      这里写图片描述
    3. placeholder占位提示文字,如果需要清除功能,则必须设置placeholder
    4. allowClear: true 设置为true,则表示可以手动清除,点击选择框后面“×”
    5. minimumInputLength 最小需要输入多少个字符才进行查询,与之相关的maximumSelectionLength表示最大输入限制。(根据需要选择添加,不设置,则自动查询)
    6. escapeMarkup字符转义处理
    7. 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

    展开全文
  • 当父级页面点击搜索新闻时,弹出子窗口(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图标 发送ajax请求的时候,如果后台暂时没有返回数据,一般会显示一个loading图标来提醒用户当前正在加载中。 一下是用Jquery操作ajax实例: &lt;!DOCTYPE html&gt; &lt;...
  • 通过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 请求数据库中的数据,展示在页面 问题描述: 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:13
    8分钟让初学者明白ajax异步数据加载
  • HTML页面,ajax是基于id的,...拿到的数据会显示在这里 <div id="test"></div> ajax代码: $(document).ready(function() { $.ajax({ url : "admin/get_banji.php",//后台请求的数据,用的是PHP ...
  • treetable + ajax 后台取数据的完整实现

    热门讨论 2015-09-16 16:23:16
    treetable的动态获取子节点,展开前触发ajax从数据库获取数据,拼接成json传给前台,实现动态加载无限极子节点
  • flask ajax html 数据交互

    千次阅读 2022-03-11 14:36:47
    flask ajax html 前后端数据交互
  • 在小程序中,是不能直接跳转后台逻辑来获取数据,而是通过使用AJAX传值和AJAX请求,来向后台逻辑传递信息。1,比如说注册,填写信息之后,通过AJAX传递给后台,后台处理返回是否注册成功的JSON数据,前台再加以分析...
  • 在VS2010环境下用JQuery的ajax请求后台方法,后台方法用JavaScriptSerializer类,把Oracle中的EMP表的数据显示在页面table中,要求返回字符串,在页面上循环添加到table中
  • Ajax传递json数据

    千次阅读 2020-11-24 21:42:31
    Ajax传递json数据 课设老师要求必须用json进行前后端数据交互, 原本觉得jsp的EL传数据很简单,但还是被迫学习了下ajax传递json. 以下是学习过程的总结, 如有错误请大佬不吝赐教!!! ▼环境: IDEA2020.2 + Tomcat8.5 + ...
  • 结合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是为了在前端页面向后台发送数据,并且得到一些返回的信息,再根据这些返回的信息可以选择去做一些处理,整个过程是异步的。既然有异步,那么就有同步。其差别: 同步:用户通过浏览器向服务器...
  • 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:39
    SSM中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...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 546,044
精华内容 218,417
关键字:

ajax查询数据

友情链接: sourcecode_coding.zip