如何使用 json 从 sql server ASP.net 中检索数据
Posted
技术标签:
【中文标题】如何使用 json 从 sql server ASP.net 中检索数据【英文标题】：How to use json to retrieve data from sql server ASP.net 【发布时间】：2013-03-04 20:13:27 【问题描述】：我正在尝试使用 asp.net 3.5 中的 web 服务从数据库中填充列表 使用 C# 和 jquery mobile。
当我运行站点时它工作正常，但是当我将它发布到我的服务器时它不会填充列表并且 ajax 错误函数会捕获一个错误。 这是我的代码。
我的网络服务：
public class product
//[product] ,[img1] ,[descr]
public string name;
public string img1;
public string descr;
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
[System.Web.Script.Services.ScriptService]
public class CarService : System.Web.Services.WebService
[WebMethod]
public List<product> GetAllProducts()
List<product> productt = new List<product> ;
string query = "SELECT [product] ,[img1] ,[descr] FROM [ELQ].[dbo].[products]";
SqlCommand cmd = new SqlCommand(query);
DataSet ds = GetData(cmd);
DataTable dt = ds.Tables[0];
// Process each employee record in table...
//foreach (DataRow dr in dt.Rows)
foreach(DataRow item in ds.Tables[0].Rows)
//productt.Add((DataRow) row);
product pro = new product();
pro.name = item["product"].ToString();
pro.img1 = item["img1"].ToString();
pro.descr = item["descr"].ToString();
productt.Add(pro);
return productt;
public static string GetShipDetails()
string query = "SELECT [product] ,[img1] ,[descr] FROM [ELQ].[dbo].[products]";
SqlCommand cmd = new SqlCommand(query);
return GetData(cmd).GetXml();
private static DataSet GetData(SqlCommand cmd)
string connString = "Data Source=GHOST-PC\\STC;Initial Catalog=ELQ;Integrated Security=True";
using (SqlConnection con = new SqlConnection(connString))
using (SqlDataAdapter sda = new SqlDataAdapter())
cmd.Connection = con;
sda.SelectCommand = cmd;
using (DataSet ds = new DataSet())
sda.Fill(ds);
return ds;
脚本：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head runat="server">
<title>jQuery Mobile Market</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript">
$(document).on('pageinit', function ()
Greating();
);
function Greating()
$.ajax(
type: "POST",
url: "CarService.asmx/GetAllProducts",
data: "",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response)
var productt = response.d;
$.each(productt, function (index, product)
$("#theList").append("<li><img src='pic/" + product.img1 + "'> <br /> " + product.name + " <br />" + product.descr + "</li>");
);
$("#theList").listview("refresh");
,
error: function (response)
$("#theList").append("<li>error<li>");
);
</script>
看起来像 json 响应是错误的并产生错误，但是当我从笔记本电脑执行代码时它工作正常。 我不知道我错过了什么，所以请帮助我。
错误：
POST http://192.168.1.7:7777/CarService.asmx/GetAllProducts 500 (Internal Server Error) jquery-1.8.2.min.js:2
send jquery-1.8.2.min.js:2
p.extend.ajax jquery-1.8.2.min.js:2
Greating 192.168.1.7:18
(anonymous function) 192.168.1.7:12
p.event.dispatch jquery-1.8.2.min.js:2
g.handle.h jquery-1.8.2.min.js:2
p.event.trigger jquery-1.8.2.min.js:2
(anonymous function) jquery-1.8.2.min.js:2
p.extend.each jquery-1.8.2.min.js:2
p.fn.p.each jquery-1.8.2.min.js:2
p.fn.extend.trigger jquery-1.8.2.min.js:2
a.Widget._trigger jquery.mobile-1.3.0.min.js:2
a.widget._createWidget jquery.mobile-1.3.0.min.js:2
(anonymous function) jquery.mobile-1.3.0.min.js:2
a.(anonymous function).(anonymous function) jquery.mobile-1.3.0.min.js:2
(anonymous function) jquery.mobile-1.3.0.min.js:2
p.extend.each jquery-1.8.2.min.js:2
p.fn.p.each jquery-1.8.2.min.js:2
a.fn.(anonymous function) jquery.mobile-1.3.0.min.js:2
C jquery.mobile-1.3.0.min.js:2
a.mobile.loadPage jquery.mobile-1.3.0.min.js:2
a.mobile.changePage jquery.mobile-1.3.0.min.js:2
a.mobile._handleHashChange jquery.mobile-1.3.0.min.js:2
(anonymous function) jquery.mobile-1.3.0.min.js:2
p.event.dispatch jquery-1.8.2.min.js:2
g.handle.h jquery-1.8.2.min.js:2
p.event.trigger jquery-1.8.2.min.js:2
(anonymous function) jquery-1.8.2.min.js:2
p.extend.each jquery-1.8.2.min.js:2
p.fn.p.each jquery-1.8.2.min.js:2
p.fn.extend.trigger jquery-1.8.2.min.js:2
(anonymous function) jquery.mobile-1.3.0.min.js:2
【问题讨论】：
成功：函数（响应）console.log（响应）；执行此操作并按 f12 查看您的浏览器控制台 它抛出了什么错误？ 这是错误加载资源失败：服务器响应状态为 500（内部服务器错误）localhost:7777/CarService.asmx/GetAllProductsPOST localhost:7777/CarService.asmx/GetAllProducts500（内部服务器错误）jquery-1.8.2.min .js:2 发送 jquery-1.8.2.min.js:2 p.extend.ajax jquery-1.8.2.min.js:2 Greating localhost:18 (匿名函数) localhost:12 p.event.dispatch jquery- 1.8.2.min.js:2 g.handle.h jquery-1.8.2.min.js:2 p.event.trigger jquery-1.8.2.min.js:2 (匿名函数) jquery-1.8.2 .min.js:2 p.extend.each jquery-1.8.2.min.js 你不是说你从服务器得到错误吗？为什么错误网址中有“localhost”？ 现在 iam 在同一台电脑上发布 POST 192.168.1.7:7777/CarService.asmx/GetAllProducts 500 (Internal Server Error) jquery-1.8.2.min.js:2 发送 jquery-1.8.2.min.js:2 p。 extend.ajax jquery-1.8.2.min.js:2 Greating 192.168.1.7:18（匿名函数） 192.168.1.7:12 p.event.dispatch jquery-1.8.2.min.js:2 g.handle.h jquery-1.8.2.min.js:2 p.event.trigger jquery-1.8.2.min.js:2（匿名函数） jquery-1.8.2.min.js:2 p.extend.each jquery-1.8 .2.min.js:2 p.fn.p.each jquery-1.8.2.min.js:2 p.fn.extend.trigger jquery-1.8.2.min.js:2 a.Widget._trigger jquery .mobile- 【参考方案1】：我修复了这个错误，实际上这不是一个错误，我的数据库中有登录和身份验证问题，所以我决定为像我这样的初学者发布代码所以这是我的代码
首先我建立了一个服务来处理我的数据库，我使用了一种简单的方法来做到这一点
这是我的 CarService 课程
using System;
using System.Collections.Generic;
//using System.Linq;
using System.Web;
using System.Web.Services;
using System.Data.SqlClient;
//using System.Web.Script.Serialization;
using System.Web.Script.Services;
using System.IO;
//using Newtonsoft.Json;
using System.Data;
using System.Text;
/// <summary>
/// Summary description for CarService
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
[System.Web.Script.Services.ScriptService]
public class CarService : System.Web.Services.WebService
public class product
public string name;
public string img1;
public string descr;
static List<product> productt = new List<product> ;
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
[WebMethod]
public List<product> GetAllProducts()
string query = "SELECT [product] ,[img1] ,[descr] FROM [ELQ].[dbo].[products]";
SqlCommand cmd = new SqlCommand(query);
DataSet ds = GetData(cmd);
DataTable dt = ds.Tables[0];
foreach(DataRow item in ds.Tables[0].Rows)
product pro = new product();
pro.name = item["product"].ToString();
pro.img1 = item["img1"].ToString();
pro.descr = item["descr"].ToString();
productt.Add(pro);
return productt;
private static DataSet GetData(SqlCommand cmd)
string connString = "Data Source=GHOST-PC\\STC;Initial Catalog=ELQ;Persist Security Info=True;User ID=sa;Password=seif@ghost";
string str = "Data Source=GHOST-PC\\STC;Initial Catalog=ELQ;Persist Security Info=True;User ID=sa;Password=seif@ghost";
using (SqlConnection con = new SqlConnection(str))
using (SqlDataAdapter sda = new SqlDataAdapter())
cmd.Connection = con;
sda.SelectCommand = cmd;
using (DataSet ds = new DataSet())
sda.Fill(ds);
return ds;
然后这是我的包
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head runat="server">
<title>jQuery Mobile Market</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript" type="text/javascript">
$(document).ready(function ()
$("#theList").removeData();
Greating();
);
function Greating()
$.ajax(
type: "POST",
url: "CarService.asmx/GetAllProducts",
data: "",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response)
var productt = response.d;
$.each(productt, function (index, product)
$("#theList").append("<li><img src='pic/" + product.img1 + "'> <br /> " + product.name + " <br />" + product.descr + "</li>");
);
console.log(response);
,
error: function (response)
$("#theList").append("<li>error<li>");
console.log(response);
);
</script>
</head>
<body>
<div data-role="page" id="homePage">
<div data-role="header">
<div data-role="navbar">
<ul>
<li><a href="#homePage" class="ui-btnactive">Home</a></li>
<li><a href="#aboutPage">7arag</a></li>
<li><a href="#market">Market</a></li>
<li><a href="#settings">Settings</a></li>
</ul>
</div>
</div>
<div data-role="content">
<form action="echo.cfm" method="post">
<div data-role="fieldcontain">
<label for="name">
Name:</label>
<input type="text" name="name" id="name" value="" />
</div>
<div data-role="fieldcontain">
<label for="email">
Email:</label>
<input type="text" name="email" id="email" value="" />
</div>
<div data-role="fieldcontain">
<input type="submit" name="submit" value="Send" />
</div>
</form>
</div>
<div data-role="footer" data-position="fixed" dataid="footernav">
<p>
asd</p>
</div>
</div>
<div data-role="page" id="market">
<div data-role="navbar">
<ul>
<li><a href="#homePage" class="ui-btnactive">Home</a></li>
<li><a href="#aboutPage">7arag</a></li>
<li><a href="#market">Market</a></li>
<li><a href="#settings">Settings</a></li>
</ul>
</div>
<div data-role="content">
<ul id="theList" data-role="listview" data-inset="true" data-filter="true">
</ul>
</div>
<div data-role="footer" data-position="fixed" dataid="footernav">
</div>
</div>
<div data-role="footer" data-position="fixed" dataid="footernav">
</div>
</div>
</body>
</html>
然后完成..享受；）
【讨论】：
【参考方案2】：您需要在webservice中将byte[]转换为“Convert.ToBase64String”，然后javascript以base64的形式理解图像字符串。在这里，我在我的网络服务中完成了以下代码。
//MyJs Code:
function getMyImage(id_No)
$.support.cors= true;
$.ajax(`enter code here`
url: "http://someipaddreess/phonegap.asmx/spKP_MyImage",
contentType: 'application/json;charset=utf-8',
type: "POST",
data: JSON.stringify(CSID_NO:getCSIDNumberByFK(id_No)),
async:false,
dataType: "json",
success : function(msg)
var myImageStr = msg.d;
$("#testImg").attr('src','data:image/jpeg;base64,' + myImageStr);
,
error: function(xhr, errorThrown, textStatus)
window.alert("error: Failed to call WebService for measuring image" + " " + textStatus);
);
//MyJs Code Ends here:using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using Newtonsoft.Json;
using System.Data;
using System.IO;
using System.Data.SqlClient;
using System.Configuration;
using System.Collections;
using System.Drawing;
namespace phonegap_webservices
/// <summary>
/// Summary description for phonegap
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
[System.Web.Script.Services.ScriptService]
public class phonegap : System.Web.Services.WebService
dalKPDataSQl tblKPDataSql = new dalKPDataSQl();
dalBuilderPortal tblBuilderPortalSql = new dalBuilderPortal();
[WebMethod]
public string spKP_MyImage(long CSID_NO)
DataTable dt = new DataTable();
dt = tblKPDataSql.dtGetInfoByCSID("SP_ImageFunCall", CSID_NO);
byte[] imageByteArray = (byte[])dt.Rows[0]["MyImage"];
return Convert.ToBase64String(imageByteArray);
【讨论】：
以上是关于如何使用 json 从 sql server ASP.net 中检索数据的主要内容，如果未能解决你的问题，请参考以下文章
在Sql Server 2016中使用For Json子句把数据作为json格式导出
在Sql Server 2016中使用For Json子句把数据作为json格式导出
如何从sql server中的表中查询json数组类型列的值？