ホームページ >ウェブフロントエンド >jsチュートリアル >jquery と json_jquery を使用してバックグラウンドからデータセットを取得するコード

jquery と json_jquery を使用してバックグラウンドからデータセットを取得するコード

WBOY
WBOYオリジナル
2016-05-16 17:59:301053ブラウズ

実際、Json はデータ形式であり、データはバックグラウンドで形式に変換され、シリアル化と同様にフロントエンドで同じメソッドで解析されます。 json 形式は主にキーと値のペアで構成されており、複数のデータを表すことができます。たとえば、

{name:zhangsan,age:12,class:1}

同時に、json は {} と: で構成されるデータセットを表すこともできます。たとえば、データベースからテーブルをクエリしてから、そのテーブルをフロント デスクに転送する必要がありますが、データセットを直接転送することはできません。これにより、フロント デスクの JS が解析しやすくなるように、データセット データを JSON データに変換する必要があります。以下に変換について書きます。

{Name: テーブルの名前、Rows: [{SName: 名前、SAge: age}{...}{...}]これはテーブルのデータ形式です。

{Tables:[{Name: テーブル 1 の名前、Rows: [{SName: 名前、SAge: Age}{...}{...}] ]}{Name: テーブル 2 の名前、行: [{SName: Name, SAge: Age}{...}{...}]}]} これは複数のテーブルのデータ形式です

データセットを示すために例を使用してみましょう。Transmission

まず、データ Studentinfo.html を取得するためのフロント ページが必要です。このページには、Json 形式でデータを適切にカプセル化する関数があります。私たちの場合、parse();

コードをコピーします。 コードは次のとおりです。 >


jquery の post 関数を使用してバックグラウンドからデータを取得し、データを解析します。次に、背景のデータ形式を示します



コードをコピーします
コードは次のとおりです: private String GetDataSet() {
System.Data.DataSet ds = new System.Data.DataSet()
//テスト データ
using (System.Data.SqlClient.SqlConnection conn = new System.Data.SqlClient.SqlConnection("server=.;database= Student;uid=sa;pwd=123456"))
{
using (System.Data.SqlClient.SqlCommand com=conn.CreateCommand( ))
{
com.CommandText = "select * from BaseNews";
System.Data.SqlClient.SqlDataAdapter da = new System.Data.SqlClient.SqlDataAdapter(com); (ds);
}
}
return Dataset2Json(ds);

///
/// dataTable を次のように変換します。 Json 形式
///
///
/// 🎜>public static string DataTable2Json(System.Data.DataTable dt)
{
StringBuilder jsonBuilder = new StringBuilder();
jsonBuilder.Append("{"Name":"" dt.TableName "", "行");
jsonBuilder.Append("":[ ");
for (int i = 0; i < dt.Rows.Count; i )
{
jsonBuilder.Append ("{");
for (int j = 0; j
jsonBuilder.Append(""");
jsonBuilder.Append( dt.Columns[j].ColumnName);
jsonBuilder.Append ("":"");
jsonBuilder.Append(dt.Rows[i][j].ToString().Replace(""") , "\"")); //特殊文字については、特別な処理も行う必要があります。
jsonBuilder.Append("",");
}
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
jsonBuilder.Append("},");
}
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
jsonBuilder.Append("}");
return jsonBuilder.ToString();
}

///
/// DataSet を Json 形式に変換します
///

///DataSet
///
public static string Dataset2Json(System.Data.DataSet ds)
{
StringBuilder json = new StringBuilder();
json.Append("{"Tables":");
json.Append("[");
foreach (ds.Tables の System.Data.DataTable dt) 🎜>{
json.Append(DataTable2Json(dt));
json.Append(",");
json.Remove(json.Length - 1, 1); >json.Append("]");
json.Append("}");


結果をお見せしましょう

取得したデータに基づいて、対応する形式を提供できます

ここで作業が完了したとは思わないでください。Json 形式には、さまざまなブラウザーでの互換性の問題が発生します。この場合、json2 の js をダウンロードするだけで済みます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。