ajax json 咋显示数据库 数据

我要做个进入网站首页就用ajax json获取数据库数据,显示在页面上 前后台怎么写啊?
具体一点的 最好有代码例子= =

5个回答

后台查询数据库得到数据后转换成JSON返回给前台,前台直接显示。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Ajax&JQuery</title>
<script language="javascript" type="text/......
答案就在这里:ajax json 显示数据
----------------------你好,人类,我是来自CSDN星球的问答机器人小C,以上是依据我对问题的理解给出的答案,如果解决了你的问题,望采纳。

如果传过来一个json的话,,直接遍历就能拿到数据了

这是一个省市区三级联动的案例,是通过ajax提交获得返回的json组装页面,可以参考一下:http://blog.csdn.net/qq_19558705/article/details/50329557

用jquery的load就搞定了,自己服务器端组合成html,然后指定容器load你的动态页返回的内容
http://www.w3school.com.cn/jquery/ajax_load.asp
http://www.w3school.com.cn/jquery/ajax_ajax.asp

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
使用ajax json php将表单数据存储到数据库中

<div class="post-text" itemprop="text"> <p>I'm trying to store form data in database but my code is reflecting anything. Here is my code</p> <p><strong>add.php</strong></p> <pre><code>&lt;form name='reg' &gt; &lt;fieldset&gt; &lt;legend&gt;Student information:-&lt;/legend&gt; &lt;ul&gt; &lt;li&gt; &lt;label&gt; FirstName: &lt;/label&gt;&lt;input type="text" id="name" name="name" required&gt; &lt;span id='error' style="display:none;color:red;"&gt; Only alphabets &lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt; LastName: &lt;/label&gt;&lt;input type="text" id="lname" name="lname" required&gt; &lt;span id='error1' style="display:none;color:red;"&gt; Only alphabets &lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt;Username:&lt;/label&gt; &lt;input type="text" id="username" name="username"/&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt;Password:&lt;/label&gt; &lt;input type="password" id="password" name="password"/&gt; &lt;/li&gt; &lt;label&gt; Gender: &lt;/label&gt; &lt;input type="radio" id='gender' name="gender" value="male" required&gt; Male &lt;input type="radio" name="gender" id='gender' value="female" required&gt; Female &lt;input type="radio" name="gender" id='gender' value="other" required&gt; Other &lt;li&gt; &lt;label&gt; Email: &lt;/label&gt; &lt;input id="email" type="text" name="email" required&gt; &lt;span id='error2' style="display:none;color:red;"&gt; Invalid email &lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt; Mobile:&lt;/label&gt; &lt;input id="mobile" type="text" maxlength="10" name="mobile" required &gt; &lt;span id='error3' style="display:none;color:red;"&gt; only digits &lt;/span&gt; &lt;/li&gt; &lt;li&gt; address: &lt;textarea name="address" id="address" type="text" rows="3" cols="40"&gt;&lt;/textarea&gt;&lt;/textarea&gt; &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;a href="" class="btn btn-info" id="btnBooking"&gt;Register&lt;/a&gt;&lt;/p&gt; &lt;/fieldset&gt; &lt;/form&gt; </code></pre> <p>and javascript file is as </p> <p><strong>serve.js</strong></p> <pre><code>$(document).ready(function () { $("#btnBooking").on("click", function (e) { // as you have used hyperlink(a tag), this prevent to redirect to another/same page e.preventDefault(); // get values from textboxs var name = $('#name').val(); // alert('name'); var lname = $('#lname').val(); var username = $('#username').val(); var password = $('#password').val(); var gender = $('#gender').val(); var mail = $('#email').val(); var mobNum = $('#mobile').val(); var address = $('#address').val(); $.ajax({ url: "http://localhost/project_cloud/fun.php", type: "post", dataType: "json", data: {type: "add", Name: name, Lname: lname, User: username, Pass: password, Gen: gender, Email: mail, Mob_Num: mobNum, Addr: address}, //type: should be same in server code, otherwise code will not run ContentType: "application/json", success: function (response) { alert(JSON.stringify(response)); }, error: function (err) { alert(JSON.stringify(err)); } }) }); }); </code></pre> <p>and another php file which stores the result in database</p> <p><strong>fun.php</strong></p> <pre><code>&lt;?php header('Access-Control-Allow-Origin: *'); mysql_connect("localhost", "root", ""); mysql_select_db("ocean"); if (isset($_GET['type'])) { $res = []; if ($_GET['type'] == "add") { $name = $_GET ['Name']; $lname = $_GET['Lname']; $userN = $_GET['User']; $passW = $_GET['Pass']; $gen = $_GET['Gen']; $mail = $_GET ['Email']; $mobile = $_GET ['Mob_Num']; $address = $_GET['Addr']; $query1 = "insert into oops(username, password, firstname, lastname, gender, email, mobile, address) values('$userN','$passW','$name','$lname','$gen','$mail','$mobile','$address')"; $result1 = mysql_query($query1); if ($result1) { $res["flag"] = true; $res["message"] = "Data Inserted Successfully"; } else { $res["flag"] = false; $res["message"] = "Oppes Errors"; } } } else { $res["flag"] = false; $res["message"] = "Invalid format"; } echo json_encode($res, $result1); ?&gt; </code></pre> <p>When I write my <strong><code>serve.js</code></strong> file code in <strong><code>add.php</code></strong> file it gives me result as stored in database .But when I tried to separate it js file it shows nothing. What wrong in it or I missing something.</p> </div>

jq.ajax+json+ashx+数据库交互

jq.ajax+json+ashx+数据库交互 只有在(chrome,火狐)浏览器调试的时候才能获得需要的效果,但IE任何时候都可以。各位,有没有碰到过这种情况?

怎么用ajax获取数据库的数据。

经理为了让我熟悉ajax,让我做一个登录成功后,页面显示的是账号名和密码,怎么用Ajax实现

如何将提取的Json数据导入数据库

<div class="post-text" itemprop="text"> <p>I am trying to fetch movie information from omdbapi.So far i have this code which is extracting data from imdb using omdb api.But i want import that data to my database.how do i accomplish that.</p> <p>my code look like this </p> <pre><code> &lt;form&gt; &lt;input type="text" id="tst"/&gt; &lt;input type="button" value="search" id="btn"/&gt; &lt;/form&gt; &lt;table class="table table-hover" id="imdb"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Poster&lt;/th&gt; &lt;th&gt;Title&lt;/th&gt; &lt;th&gt;Year&lt;/th&gt; &lt;th&gt;Rated&lt;/th&gt; &lt;th&gt;Runtime&lt;/th&gt; &lt;th&gt;Genre&lt;/th&gt; &lt;th&gt;Director&lt;/th&gt; &lt;th&gt;Actors&lt;/th&gt; &lt;th&gt;Plot&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt;&lt;/tbody&gt; &lt;/table&gt; </code></pre> <p>This is jquery code i am using to fetch the movie information</p> <pre><code>$(document).ready(function () { $('#btn').click(function(){ var imdbid=$('#tst').val(); var url = "http://www.omdbapi.com/?i="+imdbid+"&amp;plot=short&amp;r=json" $.ajax({ url:url, dataType:'json', success:function (json) { var tr; tr = $('&lt;tr/&gt;'); tr.append("&lt;td&gt;&lt;img src=" + json.Poster + " width='200' height='297'&gt;&lt;/td&gt;"); tr.append("&lt;td&gt;" + json.Title + "&lt;/td&gt;"); tr.append("&lt;td&gt;" + json.Year + "&lt;/td&gt;"); tr.append("&lt;td&gt;" + json.Rated + "&lt;/td&gt;"); tr.append("&lt;td&gt;" + json.Runtime + "&lt;/td&gt;"); tr.append("&lt;td&gt;" + json.Genre + "&lt;/td&gt;"); tr.append("&lt;td&gt;" + json.Director + "&lt;/td&gt;"); tr.append("&lt;td&gt;" + json.Actors + "&lt;/td&gt;"); tr.append("&lt;td&gt;" + json.Plot + "&lt;/td&gt;"); $('#imdb').append(tr); } }) }) }); </code></pre> </div>

想要接收使用php通过ajax发送的json数据并将其存储在db中

<div class="post-text" itemprop="text"> <p>following is my js </p> <pre><code> var obj = {}; obj["name"] = uname; obj["repo"] = repo; obj["length"] = linelength; var json = JSON.stringify(obj); $.ajax({ method: "POST", url: "example.php", data: {'data' : json}, success: function(response){ console.log("success"); } }); </code></pre> <p>and following is my php</p> <pre><code>&lt;?php include("connection.php"); if(isset($_POST["data"])){ $myData = $_POST["data"]; $ddata = json_decode($myData); $name = $ddata-&gt;name; $repo = $ddata-&gt;repo; $length = $ddata-&gt;length; $query = "INSERT INTO user('name', 'repo', 'length') VALUES($name, $repo, $length)"; $db-&gt;exec($query); } ?&gt; </code></pre> <p>The log is showing success but the data are not getting added in db. Your help will be appreciated </p> </div>

ajax获取不到php从数据库里面读取到的数据,(php读取到的数据已经成功转换成了json数据)

javascript代码: ```javascript // 初始化两个数组,盛装从数据库中获取到的数据 var dates = new Array(), moneys = new Array(); //调用ajax来实现异步的加载数据 function getusers() { $.ajax({ type: "post", async: false, data:{}, url: "dataDemo/dataIndex.php", data: {}, dataType: "json", success: function(result){ if(result){ for(var i = 0; i < result.length; i++){ dates.push(result[i].sum); moneys.push(result[i].money); } } }, error: function(errmsg) { alert("Ajax获取服务器数据出错了!"+ errmsg); } }); return dates, moneys; } //执行异步请求 getusers(); ``` public_function.php代码: ```php <?php function dbInit(){ global $con; $dsn = "mysql:dbname=info;localhost=127.0.0.1"; $user = "root"; $password = "644066YanMin&&!+"; try{ $con = new PDO($dsn,$user,$password); }catch(PDOExcepetion $e){ die ("Error!: " . $e->getMessage() . "<br/>"); } } /* 处理结果集中有多条数据的函数; */ function fetchAll($sql){ global $con; class user{ public $times; public $money; } if($result = $con->query($sql)){ //声明数组,用于接收结果集; $data = array(); //遍历结果集; while($row = $result->fetch(PDO::FETCH_ASSOC)){ $user = new User(); $user->times = $row['times']; $user->money = $row['sum']; $data[] = $user; } return $data; }else{ //执行失败; return false; } } ``` dataIndex.php代码 ```php <?php require "public_function.php"; dbInit(); $sql = 'select times,sum from date'; $datas = fetchAll($sql); // 返回JSON类型的数据 echo json_encode($datas); //$con = null; require "dataIndex.html"; ```

ajax获取后台json数据,其中精度缺失问题

我后台查询表头、表体、集装箱数据,一起放到map中传到前台,前台用json格式接收 ,但是其中表头中一个bigdecimal数据,自动四舍五入导致与输入数据不符![![图片说明](https://img-ask.csdn.net/upload/201711/09/1510222993_587736.png)图片说明](https://img-ask.csdn.net/upload/201711/09/1510222986_172616.png) 我试过把实体都改成String然后插入到map再传,不行。也试过直接把map转成String传到前端,但是前端纯文本接收数据后头不能分辨要插入哪个表单中

ajax如何将这组json数据遍历出来?

主要做的是从后台数据库查询记录并返回json给前端的ajax; ajax如何遍历这一串 数据?求大神指导 { "Product": [ {"proPic":"ccc","proID":1,"proName":"iPhone xs 64G","proPrice":5699}, {"proPic":"xx","proID":2,"proName":"xx","proPrice":333} ] } ``` $.ajax({ type:"GET", url:"http://localhost:8080/buyCar/Give", success:function(data){ //成功的回调函数 var jsonobj=$.parseJSON(data); /*这里不知道怎么写了*/ } }); 后台java文件输出json JSONObject jsonObject = new JSONObject(); JSONArray jsonArray = new JSONArray(); Gson gson = new Gson(); PrintWriter out=response.getWriter(); String sql = "select * from productSimple"; try { pstm = conn.prepareStatement(sql); rs = pstm.executeQuery(); while (rs.next()) { product sp = new product(); sp.setProID(Integer.parseInt(rs.getString("productID"))); sp.setProName(rs.getString("productName")); sp.setProPic(rs.getString("productPic")); sp.setProPrice(Integer.parseInt(rs.getString("productPrice"))); jsonArray.add(gson.toJson(sp)); } } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } jsonObject.put("Product",jsonArray); out.println(jsonObject); DBUtil.release(conn, rs, pstm); } ```

请大神解决:ajax利用json向后台传递一个值,去查询数据库中的信息,然后将信息返回到前台报错

前台: **$.ajax({ url:"findByLike.do", type:"post", data:{"keyword":keyword}, dataType:"json", success:function(result){ alert(result); // for(var i=0;i<result.length;i++){ // var name=result[0].departName; // alert(name); // } } }); }** 后台: ** @RequestMapping("findAllDepart.do") @ResponseBody public List<DepartmentEmp> findAllInfo(){ List<DepartmentEmp> list=departmentService.findAllDpartmentInfo(); for(DepartmentEmp emp:list){ System.out.println(emp); } return list; }** 后台能够接受到前台传递的值,控制台能够打印查询的信息, 当利用ResponseBody向前台反馈数据的时候报错。 注销responseBody没有错。 控制台错误信息: **十一月 02, 2017 6:05:23 下午 org.springframework.web.servlet.handler.AbstractHandlerExceptionResolver logException 警告: Handler execution resulted in exception: Could not find acceptable representation**

从数据库通过AJAX获取JSON

<div class="post-text" itemprop="text"> <p>My code is not working. Can anyone tell me what's wrong with it? I don't get any result from this code. Please help.</p> <pre><code>&lt;a href="" id="navigation-edit"&gt;EDIT MENU&lt;/a&gt; </code></pre> <pre class="lang-js prettyprint-override"><code>$(function(){ $("a#navigation-edit").on(("click"),function(){ $.getJSON("ajax/navigation-edit.php", function(data) { $("#result").html(data); }); }); }); </code></pre> <blockquote> <p>navigation-edit.php</p> </blockquote> <pre><code> &lt;?PHP $result_NavDel = $mysqli-&gt;query("SELECT * FROM navigation_dynamic"); while($row = $result_NavDel-&gt;fetch_assoc()){ $data[] = "&lt;li class='animated bounce infinite'&gt;&lt;a href='?".$row['url']."'&gt;".$row['menu']."&lt;/a&gt;&lt;/li&gt;"; } $implode='&lt;ul class="nav navbar-nav" id="deleteNav"&gt;'`.`implode($data).'&lt;/ul&gt;'; echo json_encode($implode); ?&gt; </code></pre> </div>

Go中的函数在数据库上执行选择查询并返回json输出

<div class="post-text" itemprop="text"> <p>I am writing a function in Go to execute select query on database.</p> <p><strong>Input:</strong> String e.g. "Select id, name, age from sometable" This query changes everytime.</p> <p><strong>Output:</strong> Output of select query in json format.</p> <p><strong>Sample Expected output:</strong> {"Data":[{"id":1,"name":"abc", "age":40},{"id":2,"name":"xyz", "age":45}]}</p> <p><strong>Sample Actual output:</strong> {"Data":[[1,"abc",40],[2,"xyz",45]]}</p> <p>Instead of i.e. column_name:value, I get only values. How do I get the expected output?</p> <pre><code>func executeSQL(queryStr string) []byte { connString := createConnectString() conn, err := sql.Open("mssql", connString) if err != nil { log.Fatal("Error while opening database connection:", err.Error()) } defer conn.Close() rows, err := conn.Query(queryStr) if err != nil { log.Fatal("Query failed:", err.Error()) } defer rows.Close() columns, _ := rows.Columns() count := len(columns) var v struct { Data []interface{} // `json:"data"` } for rows.Next() { values := make([]interface{}, count) valuePtrs := make([]interface{}, count) for i, _ := range columns { valuePtrs[i] = &amp;values[i] } if err := rows.Scan(valuePtrs...); err != nil { log.Fatal(err) } v.Data = append(v.Data, values) } jsonMsg, err := json.Marshal(v) return jsonMsg } </code></pre> </div>

ajax获取后台json数据

后台代码如下: protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { tuxing(); } } public string tuxing() { DataTable dt = new Eastea.BusLogic.GraphicalGet().Getgraphical(); StringBuilder JsonString = new StringBuilder(); for (var i = 0; i < dt.Rows.Count; i++) { name += dt.Rows[i]["name"].ToString(); gz += Convert.ToInt32(dt.Rows[i]["chengji"].ToString()); JsonString.Append("["); JsonString.Append("{\"name\":" + name + "}"); JsonString.Append("{\"gz\":" + gz + "}"); JsonString.Append("]"); } //Response.Write(JsonString); //Response.End(); return " " +name + " " + gz + " "; } 第一次弄json不太清楚写的对不对,我前台怎么获取到后台 从数据库读取到的数据呢,或是用什么方法 从前台得到后台的这个数据并显示在界面呢,在线等,求大神帮忙

C#查询数据库后通过ajax把内容显示在网页上要怎么做?

html页面 ``` <h2>查询学生</h2> <input type="text" id="checkInput" placeholder="请输入要查询学生的姓名关键词:" style="width:200px;height:50px" /> <button type="button" id="checkBtn" style="width:80px;height:55px">查询</button> <h2>显示学生</h2> <div id="showDiv"></div> ``` js代码 ``` $(document).ready(function () { $("#checkBtn").click(function () { var checkInput = $("#checkInput").val(); var checkInputJson = "{'checkInput':'checkInput'}" $.ajax({ type: "Post", url: "Server.aspx/CheckStudInfo", contentType: "application/json; charset=utf-8", dataType: "json", data: checkInputJson, success: function (data) { $("#showDiv").html(data.d); }, error: function (err) { alert(err) } }) }); }) ``` 服务器端页面C#总是错误,不知道该怎么入手,求高手 ``` using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Services; using System.Web.Script.Services; using System.Data; using System.Data.SqlClient; namespace WebApplication1 { public partial class Server : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } [WebMethod] public static string CheckStudInfo(string checkInput) { SqlConnection sqlConnection = new SqlConnection(); string checkSQL = "select * from dbo.StudInfo where StudName like '%" + checkInput + "%'"; //下面应该如何入手?写出来报错,没有头绪 } } } ```

thinkphp中如何接收ajax传过来的json数据

使用I()方法好像在后台接受不到。。。。。。。请大神帮忙看看,谢谢

jquery ajax怎么按条件查询数据

var app = angular.module('myApp', ['ui.bootstrap']); app.controller('myCtrl', function ($scope) { $scope.param = {}; $scope.search = function () { $scope.loading = true; $scope.param.orderBy = "id"; $scope.param.pageSize = "12"; $.ajax({ url: apiArtworkReadList, data: $scope.param }).then(function (result) { $scope.loading = false; if (result.httpCode == 200) { /*if ($scope.param.saleStatus = 1) {*/ $scope.PageInfo = result.data /* }*/ } else { $scope.msg = result.msg; } $scope.$apply(); }); }; ``` `` jquery 小白,想查询数据中saleStatus=1的数据返回到json类型 应该怎么修改

ajax请求,查询数据库,json_encode,成功返回,显示结果

<div class="post-text" itemprop="text"> <p>I'm working on a new piece of code and I'm new to ajax so I cant get it to work. I've got a textbox that has a javascript onKeyUp assigned to it. The first function is a delay function. It sets a delay timer, and as long as no other request is made via that delay timer, it runs a second function with the ajax after a certain time period. Inside the ajax, it runs a database query located in the second file based on the text that was entered in the textbox. It sets up an array of the results, json_encodes them, and returns them back to the original page. Then, I need to populate the page with the results (with php).</p> <h2>The Textbox</h2> <pre><code>&lt;input type="text" onKeyUp="delay_method('search_customer',search_customer(this.value),'2000')" /&gt; </code></pre> <h2>The delay function</h2> <pre><code>&lt;script type="text/javascript"&gt; function delay_method(label,callback,time){ if(typeof window.delayed_methods=="undefined"){window.delayed_methods={};} delayed_methods[label]=Date.now(); var t=delayed_methods[label]; setTimeout(function(){ if(delayed_methods[label]!=t){return;}else{ callback();}}, time||500); } &lt;/script&gt; </code></pre> <h2>The ajax function</h2> <pre><code>&lt;script type="text/javascript"&gt; function search_customer(value){ console.log(value); $.ajax({ type: "POST", url: "secondpage.php", data: query, dataType: 'json', success: function(data){ console.log(data.name); // customer name console.log(data.company); // customer company name } }); } &lt;/script&gt; </code></pre> <h2>second page</h2> <p>set up an array for testing. Bypassing the query for now. Just need to get results back into main page. I can set up the array from the php once its working. My query will use <code>LIKE %search text%</code></p> <pre><code>$arr = array( 'name'=&gt;'overflow', 'company'=&gt;'value' ); echo json_encode($arr); </code></pre> <p>I have NO clue how to retrieve the data from the ajax function and populate the results. I would love to get the results back into a php array, and then loop through the array to echo out the results. I can loop through the array in php...<strong>my biggest concern is getting the results back into a php array.</strong></p> <p>Any assistance would be great. I cant seem to get the code to work. I am new to ajax so I'm learning this as I go.</p> <hr> <hr> <hr> <hr> <h2>UPDATE</h2> <p>Everything is working the way it should except the delay. Its not putting a delay on anything. I need it to wait for 2 seconds from each keyup before it activates the ajax function. If it receives another keyup, it waits an additional 2 seconds. IT continues until there is 2 seconds with no keyups. That way its not querying the database on every single keyup if the person is still typing. Right now its processing everything with each keyup.</p> <p>textbox</p> <pre><code>&lt;input type="text" onKeyUp="delay_method('search_customer',search_customer(this.value),'2000')" /&gt; </code></pre> <p>delay</p> <pre><code>function delay_method(label,callback,time){ if(typeof window.delayed_methods=="undefined"){window.delayed_methods={};} delayed_methods[label]=Date.now(); var t=delayed_methods[label]; setTimeout(function(){ if(delayed_methods[label]!=t){return;}else{ callback();}}, time||500); } </code></pre> <p>ajax function</p> <pre><code>function search_customer(value){ console.log(value); $.ajax({ type: "POST", url: "secondpage.php", data: { "value": value }, dataType: 'html', success: function(data){ $('#resultDiv').html(data); } }); } </code></pre> <p>second page:</p> <pre><code>$value = $_POST['value']; if ((isset($value)) &amp;&amp; ($value != "")) { $arr = array(); $search_query = $db1q-&gt;query("SELECT first_name, company FROM Users WHERE first_name LIKE '%$value%' OR last_name LIKE '%$value%' OR company LIKE '%$value%'"); if ($search_query-&gt;num_rows &gt; 0) { while ($search_result = $search_query-&gt;fetch_assoc()) { $arr[$search_result['first_name']] = $search_result['company']; } } $html = ''; $html .= '&lt;div&gt;'; foreach ($arr as $key =&gt; $value) { $html .= '&lt;div class="sub-div"&gt;&lt;h2&gt;'.$key.'&lt;/h2&gt; : ' . '&lt;h4&gt;' . $value . '&lt;/h4&gt;&lt;/div&gt;'; } $html .= '&lt;/div&gt;'; echo $html; } </code></pre> </div>

使用jquery+AJAX实现3个字段的查询,回传显示,写入数据库,刷新局部网页table

事情是这样的,我是在一个工厂里面上班,想做一个车间内用的小型网站,因为不想在车间的服务器上建立数据表,怕我这个外行调试的时候,会影响到其他很重要的数据表,所以就自己下载了一个USBWEB套件(apache+mysql+php),我把这个装到车间其中一台电脑上,当我自己的小服务器, 我想用PHP做个网页,功能是有一个textbox,当这个的输入值达到11位的时候,自动查询公司的主服务器(mssql 2014版本)上的一个数据表,这个数据表上有一个字段就是我输入的这个11位数,另外有3个字段就是我需要的数值,我想把这3个查询到字段值显示在同一个网页上,用textbox或者lable都行,然后,再将这4个数值一起存入我这台电脑的MYSQL服务器内的数据表中,然后网页中间有个显示该mysql数据表内容的table,可以自动刷新一下,谢谢 总体就是 当输入数值(只有英文和数字)达到11位时, 自动按顺序执行, 查询MSSQL, 回传显示, 写入MYSQL, 刷新table, 清空输入框, ---------------------------------- 这个网页不需要页面布局等,我已经布局了,目前已知的是,听说jquery+ajax可以实现这个功能但楼猪是学化学的,实在很难理解,所以来悬赏求教,谢谢,希望有人帮俺 目前某位热心大佬已经给了我一个demo,可以实现输入响应的回传显示,但是我还是如何把输入值带入查询语句,写到那个结果集里面,也不知道怎么才能同时显示3个字段值。。。。谢谢 我这个好多要求,知道部分功能的人,也告诉我下好吗,谢谢,我同样会C币感谢的额,~~~~~ 以下是热心大佬提供的DEMO ------------------------------------------ 主网页 ``` <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <title> js test </title> </head> <body> <script type="text/javascript"> function check(c){ $(function() { var id = c.value; if(id.length==6){ $.post('server.php', {'id':id}, function(ret) { $('#result').html(ret); },'json'); } }); } </script> <p>id:<input type="text" id="id" value="" onPropertyChange="check(this)" oninput="check(this)"></p> <p id="result"></p> </body> </html> ``` ------------------------------------------ PHP网页 ``` <?php $id = isset($_POST['id'])? $_POST['id'] : ''; $data = array( 111111 => '内容1', 222222 => '内容2', 333333 => '内容3' ); $ret = isset($data[$id])? $data[$id] : ''; header('content-type:application/json'); echo json_encode($ret); ?> ``` -------------------------------------------------------------- 是不是那那些插入到这个里面呢? $data = array( 插到这里吗? ); ------------------------------------------ 查询的服务器是MSSQL(2014版本) $serverName = "192.168.12.3"; $connInfo = array("Database"=>"ERP2", "UID"=>"fiber", "PWD"=>"fiber"); $conn = sqlsrv_connect($serverName, $connInfo); 表结构 ------------------------------------------ ms1 ----------------ms2 ----ms3----ms4 ------------------------------------------ ABC12345CB0 ----aa ---- aaa ----aaaa ABC12345CB1 ----bb ----bbb----bbbb ABC12345CB2 ---- cc ---- ccc----cccc ------------------------------------------ -----------------分-割-线-------------------------- 需要写入的服务器是MYSQL(好像是5) 192.168.12.6 Database = ceshi 账号 root 密码 a ------------------------------------------ my1------------ my2----my3---- my4 ------------------------------------------ ABC12345CB0 ----aa ----aaa ----aaaa ABC12345CB1 ----bb----bbb----bbbb ABC12345CB2 ---- cc---- ccc ---- cccc ------------------------------------------ 假设我输入类似这样的 ABC12345CB0 11位数字,需要查询这这数值的另外三个字段ms2 ms3 ms4 各自对应的数值,并回传显示到输入的网页上,不知该如何填写那个SERVER.php语句,谢谢~~~

ECharts怎样用AJAX从数据库中调数据?

下面代码中是ECharts用AJAX从数据库中调数据,但前端页面无法显示数据,求问代码中哪里有误? ``` map1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div id="myChart" style="height:500px;"></div> <script src="./js/jquery-1.8.3.min.js"></script> <script> $.ajax({ type: "post", async: false, //同步执行 url: "mapdata.php", dataType: "json", //返回数据形式为json success: function (result) { myChart.hideLoading(); //隐藏加载动画 myChart.setOption({ //渲染数据 series: [{ // 根据名字对应到相应的系列 name: '2015年GDP', data: result }] }); }, error: function () { alert("请求数据失败!"); } }); </script> <script src="./js/echarts.js"></script> <script> require.config({ paths: { echarts: './js' } }); require( [ 'echarts', 'echarts/chart/map' // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表 ], function (ec) { var myChart = ec.init(document.getElementById('myChart')); var option = { title: { text: '2015年GDP统计数据', subtext: '数据来源网络(单位:亿元)', left: 'center' //标题居中 }, tooltip: { //提示工具, trigger: 'item', formatter: "{a} <br/>{b} : {c}亿元" }, visualMap: { //视觉映射组件,可以根据范围调节数据变化 min: 0, //最小值 max: 10, //最大值 left: 'left', //位置 top: 'bottom', orient: 'horizontal', //水平 text: ['高', '低'], // 文本,默认为数值文本 calculable: true //是否启用值域漫游,即是否有拖拽用的手柄,以及用手柄调整选中范围。 }, toolbox: { //工具栏 show: true, orient: 'vertical', //垂直 left: 'right', top: 'center', feature: { mark: { show: true }, saveAsImage: { show: true } //保存为图片 } }, series: [{ name: '2015年GDP', type: 'map', mapType: 'china', //使用中国地图 roam: false, //是否开启鼠标缩放和平移 itemStyle: { normal: { label: { show: true } }, emphasis: { label: { show: true } } }, data: [] }] }; //myChart.showLoading(); //预加载动画 myChart.setOption(option); //渲染地图 } ); </script> </body> </html> mapdata.php <?php include_once('connect.php'); //连接数据库 //查询数据 $sql = "select * from echarts_map"; $query = mysql_query($sql); while ($row = mysql_fetch_array($query)) { $arr[] = array( 'name' => $row['province'], 'value' => $row['gdp'] ); } mysql_close($q); echo json_encode($arr); //输出json格式数据 ?> connect.php <?php $q = mysql_connect("localhost","root","dglgxx"); if(!$q) { die('Could not connect: ' . mysql_error()); } mysql_query("set names utf8"); //以utf8读取数据 mysql_select_db("test02",$q); //数据库 ?> ``` 数据库的表 ![图片说明](https://img-ask.csdn.net/upload/201607/13/1468397398_141664.png)

ajax校验数据库数据是否存在

``` <!-- 查询student_id是否存在 --> <select id="getStudent_id" resultMap="studentMap" parameterType="int"> SELECT * from student where student_id = #{student_id} </select> ``` ``` @RequestMapping("/studentID") public Student getStudent_id(Integer student_id) { Student student = userService.getStudent_id(student_id); if (student==null){ System.out.println("没有"); }else{ System.out.println("有"); } return student; } ``` ``` function check() {//js表单验证方法 var text = document.getElementById("xh").value;//通过id获取需要验证的表单元素的值 if (text == "") { alert("请输入学号!");//弹出提示 return false;//返回false(不提交表单) } if (!(/(^[1-9]\d*$)/.test(text))) { alert("请输入学号!");//弹出提示 return false;//返回false(不提交表单) } var student_id=$("#student_id").val(); $.ajax({ url:"<%=basePath%>user/studentID", type:"post", data:{"student_id":student_id}, dataType:"json", success:function(data){ if (data!=null ) { alert("有"); }else if(data==null && username !=''){ alert("没有"); } xmlhttp.open("GET","getcustomer.asp?q="+str,true); xmlhttp.send(); //alert("啊啊啊"); } }); return true;//提交表单 } </script> <body> <div class="listDIV"> <table border="1" width="50%" height="50%" style="text-align: center;"> <form action="<%=basePath%>user/one" method="post"> <input type="text" id="xh" name="student_id" placeholder="根据学号查询"> <button class="glyphicon glyphicon-select" onclick="return check();">查询</button> </form> ``` ``` 严重: Servlet.service() for servlet [springMVC] in context with path [/StudentManagementSSM] threw exception [Request processing failed; nested exception is java.lang.NullPointerException] with root cause java.lang.NullPointerException at com.zmk.controller.UserTestController.getStudent_id(UserTestController.java:65) at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source) at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source) at java.lang.reflect.Method.invoke(Unknown Source) at org.springframework.web.method.support.InvocableHandlerMethod.doInvoke(InvocableHandlerMethod.java:221) at org.springframework.web.method.support.InvocableHandlerMethod.invokeForRequest(InvocableHandlerMethod.java:137) at org.springframework.web.servlet.mvc.method.annotation.ServletInvocableHandlerMethod.invokeAndHandle(ServletInvocableHandlerMethod.java:110) at org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.invokeHandleMethod(RequestMappingHandlerAdapter.java:777) at org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.handleInternal(RequestMappingHandlerAdapter.java:706) at org.springframework.web.servlet.mvc.method.AbstractHandlerMethodAdapter.handle(AbstractHandlerMethodAdapter.java:85) at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:943) at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:877) at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:966) at org.springframework.web.servlet.FrameworkServlet.doPost(FrameworkServlet.java:868) at javax.servlet.http.HttpServlet.service(HttpServlet.java:650) at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:842) at javax.servlet.http.HttpServlet.service(HttpServlet.java:731) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:303) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:219) at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:110) at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:498) at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:169) at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:103) at org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:1025) at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:116) at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:445) at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1139) at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:637) at org.apache.tomcat.util.net.JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:316) at java.util.concurrent.ThreadPoolExecutor.runWorker(Unknown Source) at java.util.concurrent.ThreadPoolExecutor$Worker.run(Unknown Source) at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) at java.lang.Thread.run(Unknown Source) ``` 我用ssm做的增删改查,搜索我想先校验一下数据库数据是否存在,存在就直接跳转查询,不存在就弹窗提示,中止提交表单,JS代码是我粘过来的,不会JS,有错误希望能告诉我如何改正,谢谢

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

删库了,我们一定要跑路吗?

在工作中,我们误删数据或者数据库,我们一定需要跑路吗?我看未必,程序员一定要学会自救,神不知鬼不觉的将数据找回。 在 mysql 数据库中,我们知道 binlog 日志记录了我们对数据库的所有操作,所以 binlog 日志就是我们自救的利器。 接下来就来开启程序员自救之路。 想要自救成功,binlog 这把利器一定要好,在自己之前,我们一定要确定我们有 binlog 这把利器,以下就是确保有 bi...

再不跳槽,应届毕业生拿的都比我多了!

跳槽几乎是每个人职业生涯的一部分,很多HR说“三年两跳”已经是一个跳槽频繁与否的阈值了,可为什么市面上有很多程序员不到一年就跳槽呢?他们不担心影响履历吗? PayScale之前发布的**《员工最短任期公司排行榜》中,两家码农大厂Amazon和Google**,以1年和1.1年的员工任期中位数分列第二、第四名。 PayScale:员工最短任期公司排行榜 意外的是,任期中位数极小的这两家公司,薪资...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

现代的 “Hello, World”,可不仅仅是几行代码而已

作者 |Charles R. Martin译者 | 弯月,责编 | 夕颜头图 |付费下载自视觉中国出品 | CSDN(ID:CSDNnews)新手...

!大部分程序员只会写3年代码

如果世界上都是这种不思进取的软件公司,那别说大部分程序员只会写 3 年代码,恐怕就没有程序员这种职业。

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

程序员毕业去大公司好还是小公司好?

虽然大公司并不是人人都能进,但我仍建议还未毕业的同学,尽力地通过校招向大公司挤,但凡挤进去,你这一生会容易很多。 大公司哪里好?没能进大公司怎么办?答案都在这里了,记得帮我点赞哦。 目录: 技术氛围 内部晋升与跳槽 啥也没学会,公司倒闭了? 不同的人脉圈,注定会有不同的结果 没能去大厂怎么办? 一、技术氛围 纵观整个程序员技术领域,哪个在行业有所名气的大牛,不是在大厂? 而且众所...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

立即提问
相关内容推荐