精华内容
下载资源
问答
  • ajax异步获取数据库数据绘制Echarts图表demo.rar
  • 我有一些问题通过在我的...的index.php:使用ajax数据库获取数据jquery 的script.js$(document).ready(function() {$(".arrow").click(function() {$.ajax({type: "GET",url: "../db/db_getvalues.php", // This i...

    我有一些问题通过在我的jQuery脚本中使用ajax从数据库获取值。

    的index.php:使用ajax从数据库获取数据jquery

    arrow_left.png

    的script.js

    $(document).ready(function() {

    $(".arrow").click(function() {

    $.ajax({

    type: "GET",

    url: "../db/db_getvalues.php", // This is the correct path, but do jquery recognize "../db/" etc?

    dataType: "text",

    success: function (response) { // Here is where i'm lost, what do i need to write to update my innerHTML with the returned value from the db_getvalues.php-file?

    $(".text-box").html(response);

    }

    });

    });

    });

    db_getvalues.php //此文件的工作,我已经直接从HTML文件

    function getdbvalues() {

    $query = 'SELECT * FROM mydb WHERE Id = 1';

    $fetch = mysql_query($query) or die ('Could not find tablerow');

    $row = mysql_fetch_assoc($fetch);

    $textString = $row['Text'];

    return $textString;

    }

    ?>

    +0

    你目前得到的输出是什么? –

    2014-11-22 15:38:42

    展开全文
  • 经理为了让我熟悉ajax,让我做一个登录成功后,页面显示的是账号名和密码,怎么用Ajax实现
  • 今天小编就为大家分享一篇ajax动态获取数据库中的数据方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 简单的AJAX获取数据库数据

    千次阅读 2010-05-19 09:49:00
    A.aspx页面放一个dropdownlist,在A.aspx.cs添加: this.drpSchool.Attributes.Add("onchange", "load(this.options[this.selectedIndex].value)");在A.aspx页面添加如下脚本:function load(state){ var oHttpReq =...

    A.aspx页面放一个dropdownlist,在A.aspx.cs添加: this.drpSchool.Attributes.Add("onchange", "load(this.options[this.selectedIndex].value)");

    在A.aspx页面添加如下脚本:

    function load(state){

    var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
    var oDoc = new ActiveXObject("MSXML2.DOMDocument");

    oHttpReq.open("POST", "../B.aspx?state="+state, false);

    oHttpReq.send("");
    result = oHttpReq.responseText;
    oDoc.loadXML(result);

     document.all("DropDownList2 ").length=0;//清空原来绑定的值
    items1 = oDoc.selectNodes("//NewDataSet/Table/dtid");
    items2 = oDoc.selectNodes("//NewDataSet/Table/dtname");

    var itemsLength=items1.length;
      for(i=0;i<itemsLength;i++)

    //将小类的类名和编号赋予DropDownList2
      {
     
      var newOption = document.createElement("OPTION");
      newOption.text=items2[i].text;
      newOption.value=items1[i].text;
      drp2.options.add(newOption);
      // newOption.value=6;
     
      }

     

    }

     

    B.aspx.cs页面:

    if (Request.QueryString["state"] != null && Request.QueryString["state"].ToString() != "")
            {

                try
                {
                    int shengNo = int.Parse(Request["state"].ToString());
                    // int shengNo = 1;

                    DataSet ds = new DataSet();
                    db dbb = new db();
                    ds = dbb.GetDataSet(SQL语句);

                  if (ds.Tables[0].Rows.Count > 0)
                    {
                        XmlTextWriter writer = new XmlTextWriter(Response.OutputStream, Encoding.UTF8);
                        writer.Formatting = Formatting.Indented;
                        writer.Indentation = 4;
                        writer.IndentChar = ' ';
                        writer.WriteStartDocument();
                        ds.WriteXml(writer);
                        writer.Flush();
                        Response.End();
                        writer.Close();
                  }
                }
                catch { }
        }

    展开全文
  • 效果说明  基于thinkphp3.2.3版本的框架实现,利用ajax从后台数据库获取数据,其中获取数据是用模糊搜索方式,返回json数据,然后在模板中利用js将数据显示到搜索框下拉面板中。模板 var myloader = function...

    效果

    这里写图片描述

    说明

      基于thinkphp3.2.3版本的框架实现,利用ajax从后台数据库中获取数据,其中获取数据是用模糊搜索方式,返回json数据,然后在模板中利用js将数据显示到搜索框下拉面板中。

    模板

    <script>
    var myloader = function(param,success,error){
                var q = param.q || '';          
                if (q.length <= 0) {  
                    console.log("q.length <= 0");  
                    return false;  
                } 
                else {
                    console.log("q.length > 0");
                }
                $.ajax({
                    url: '__CONTROLLER__/search/',
                    type: 'POST',
                    dataType: 'json',
                    data: {'searchValue': q},
                    success: function(data){                        
                        var items = $.each(JSON.parse(data), function(value){      
                            return value;
                        }); 
                        success(items);
                    }
                });
            }
    </script>
    <body>
    <div>
    <input class="easyui-combobox" data-options="
        valueField:'code' , textField:'spec', loader : myloader, mode : 'remote'"/>
    </div>
    </body>

    控制器

    <?php 
    //---------------------------------------------------
    //功    能:动态模糊搜索测试
    //创建日期:2015-10-27
    //修改日期:2015-10-27
    //创 建 人:yicm
    //修 改 人:yicm
    //修改内容:
    //---------------------------------------------------
    namespace Home\Controller;
    use Think\Controller;
    class SearchController extends Controller { 
        public function index(){    
            $this->assign('title','动态模糊搜索测试');
            $this->display();
        }   
    
        public function helloSearch(){
            echo 'hello search!';
        }
    
        public function search(){  
            $keyword = $_POST['searchValue'];      
            //$keyword = 'A4';
            $Goods=M('t_goods');  
            //这里模糊查询到商品编码、名字和商品型号和规格
            $map['code|name|spec|model']  = array('like','%'.$keyword.'%');  
            // 把查询条件传入查询方法  
            if($goods = $Goods->where($map)->select()){             
                $returnData = json_encode($goods);
                $this->ajaxReturn($returnData); 
            }else{  
                $goods['content'] = 'failed';
                $returnData = json_encode($goods);
                $this->ajaxReturn($goods);  
            }  
        }   
        //获取商品记录数
        function getCount(){
            $credit = M('t_goods');
            $count = $credit->count(); //计算记录数
            echo $count;
        }
    }
    ?>

    功能实现中注意点

    • Uncaught TypeError: Cannot use ‘in’ operator to search for ” in JSON string
      • $.each(JSON.parse(data)或$.each($.parseJSON(data)来解决
      • 大多数web应用程序将直接返回JSON格式化的字符串,你需要把它转换成JavaScript对象能够解析的格式,可用eval()函数。
    • 这里用的是essyui-combobox的loader方法触发ajax的异步请求,然后将获取后台数据写到下拉框中,注意的是写入的是t_goods表的spec字段的值。

      下面是ajax获取后台数据返回的一部分测试数据data:

    [{"id":"1","category_id":"101","code":"1001","name":"\u6cf0\u683c\u98ce\u8303","spec":"A4","model":"70\u514b","unit_id":"\u5f20","sale_price":"0.20","purchase_price":"0.09","py":"tgff","bar_code":null},{"id":"2","category_id":"101","code":"1002","name":"\u6cf0\u683c\u98ce\u8303","spec":"A4","model":"80\u514b","unit_id":"\u5f20","sale_price":"0.20","purchase_price":"0.10","py":null,"bar_code":null},{"id":"3","category_id":"101","code":"1003","name":"\u6cf0\u683c\u98ce\u8303","spec":"A3","model":"70\u514b","unit_id":"\u5f20","sale_price":"0.30","purchase_price":"0.15","py":null,"bar_code":null},{"id":"4","category_id":"101","code":"1004","name":"\u6cf0\u683c\u98ce\u8303","spec":"A3","model":"80\u514b","unit_id":"\u5f20","sale_price":"0.40","purchase_price":"0.20","py":null,"bar_code":null},
    {"id":"5","category_id":"102","code":"1005","name":"DoubleA","spec":"A4","model":"70\u514b","unit_id":"\u5f20","sale_price":"0.20","purchase_price":"0.09","py":null,"bar_code":null},{"id":"6","category_id":"102","code":"1006","name":"DoubleA","spec":"A4","model":"80\u514b","unit_id":"\u5f20","sale_price":"0.20","purchase_price":"0.10","py":null,"bar_code":null},{"id":"7","category_id":"102","code":"1007","name":"DoubleA","spec":"A3","model":"70\u514b","unit_id":"\u5f20","sale_price":"0.30","purchase_price":"0.15","py":null,"bar_code":null}]
    展开全文
  • ![后台代码](https://img-ask.csdn.net/upload/201508/24/1440394399_706259.png) ![js代码](https://img-ask.csdn.net/upload/201508/24/1440394444_918472.png) ![option]...!...!...求高手解答!谢谢
  • cs 返回数据库中的某个字段,你可以构造自己的字符  [Ajax.AjaxMethod()]  public static string getDataSet()  {  SqlDataBase SqlDB=new SqlDataBase(DSN);  string ...

    cs 返回数据库中的某个字段,你可以构造自己的字符
      [Ajax.AjaxMethod()]
      public  static string getDataSet()
      {
       SqlDataBase  SqlDB=new SqlDataBase(DSN);
       string strsql=String.Format(" Select * From User Where IsPower=0","User");
       DataSet ds=SqlDB.CreateSet(strsql,"IU_User");
       SqlDB.CloseConnection();
       return ds.Tables[0].Rows[0][0].ToString(); 
      }

    client side
    function getDataSet(){
       WebForm1.getDataSet(GetDataSet_callback);
    }
     function GetDataSet_callback(response)
    {
     var ds = response.value; //获取服务端的数据
     alert(ds); //显示数据


    <  INPUT style="Z-INDEX: 101; LEFT: 456px; WIDTH: 56px; POSITION: absolute; TOP: 96px; HEIGHT: 24px" type="button" value="test" οnclick="getDataSet();">

    展开全文
  • 通过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....
  • jqgrid获取数据库数据

    千次阅读 2019-01-08 19:21:10
    jqgrid获取数据库数据 jqgrid获取数据有两种方法,一种是获取本地(即html中写入的固定的数据),另一种是获取后台数据库中的数据。 不过,不论是哪种方法,我这里采用的,都是基于local的数据获取方式,后台数据库...
  • 我的思路就是一级那里搞个select,然后利用ajax返回action。然后利用ajax那里不懂。哪位大神教我怎么做? 1、这是select, function select(){ var xitong=document.getElementById("xitong").value; $.ajax...
  • 路由: ajax访问的路径,获取数据,在对应页面js 文件中 获取 对应的路径返回的数据 1.定义路由js : var router = require("express").Router(); var model = require("./model"); /**********************...
  • 数据库里面的结果集rs要通过什么方法传到ajax,ajax怎么获取rs
  • $.ajax({  type: "post",  url: "Student.aspx/ShowAllStu",  contentType: "application/json;charset=utf-8",  dataType: "json",  success: function (data) {  
  • 静态页面获取数据库数据

    千次阅读 2017-08-11 18:10:01
    静态页面获取后台数据库数据,通过ajax获取,写一个请求链接$(document).ready(function(){ $.ajax({ type:"get", url:"http://localhost:8080/xxxx/brand/weblist.action", async:true, success:function
  • 求助:.NET怎么用Ajax动态获取SQL Server数据库中的数据?当数据库中的某个表的内容发生变化时,就将这张表读取出来显示。
  • 在写界面的时候,碰到一个问题,检索出客户的列表我需要制作一个搜索菜单,关于检索省市区下的客户展示列表,一开始本来是想着去网络找个插件装进去就好,又想着提升自己,于是自己也动手写了个jq+ajax获取表里的...
  • 由于后台的数据库数据是不断更新的,所以我在前台想通过ajax来每隔几秒从数据库获取一次数据,用的setInterval()方法。我是这样测试的,我点击一下按钮,等出现结果了,立刻用insert语句在mysql数据库里插入一...
  • 如何使用jquery ajax()获取oracle数据库表中的信息
  • 后台:Test01.ashx.cs:从数据库获取数据,通过HTTP请求(HttpContext)实现和前台数据传递json数据 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System...
  • ajax 请求数据库中的数据,展示在页面 问题描述: Ajax调用数据库中的数据成功,但是没有渲染到页面 出现的问题如图所示 function loadBookList() { // 1.调用后台的接口 获取后台的数据 $.get('...
  • 用php获取数据库中的数据通过ajax传递到hightchart生成实时动态曲线图
  • ASP.NET+Echarts+Ajax数据库获取数据

    千次阅读 2018-10-18 17:38:29
    $.ajax({ type: "post", async: false, url: "ashx/test.ashx?action=option1", data: { cmd: "test" }, //发送到服务器的参数 datatype: "json", success: function (result) { if (result) { //alert...
  • ajax通过数据库获取easydropdown的数据
  • Spring Boot使用AJAX数据库读取数据异步刷新前端表格 1.首先在domin中定义相应的数据结构 2.接着在mapper中定义定义所需的方法从数据库中取数据 3.下一步编写service供controller调用 4.在controller中调用...
  • 自从5月22离开实验室522及毕业之后,再也没有写过博客,主要原因是入职一个月...将数据库里的数据通过异步加载的方式(点击该条的时候加载,不点击的时候不加载),写入前端的模态框。图1是前端模态框,图二是图一详...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 75,684
精华内容 30,273
关键字:

ajax获取数据库数据