页面上AJAX调用数据
<div class="section page9" data-page='9'>
<div class="global-section-wrp media-news-wrp" style="background-image: url(images/page9_06.jpg);">
<div class="w1180">
<h4 class="global-page-title animated antInUp">媒体声音</h4> <!-- media-news-slide start -->
<div class="media-news-slide">
<div class="news-slide-bd" >
<ul id="MeVoice"> </ul>
</div> <div class="news-slide-ctrl animated antInUp">
<a href="javascript: void(0)" class="ctrl slide-prev"></a>
<a href="javascript: void(0)" class="ctrl slide-next"></a>
</div>
</div>
<!-- media-news-slide end -->
</div>
</div>
</div>
//媒体声音
var kindnum = 9;
LoadVoice(9);
function LoadVoice(kindnum) { $.ajax({
type: "post",
dataType: "json",
url: "/ashx/MediaVoice.ashx",
data: { kindNum: kindnum },
success: function (data) {
var table = data.data.Rows;
var voiceAdd = "";
if (table.length > 0) {
for (var i = 0; i < table.length; i++) { voiceAdd += "<li class=\"animated antInUp\">";
voiceAdd += "<div class=\"news-slide-inner\">";
voiceAdd += "<div class=\"news-list-content\">";
voiceAdd += "<div class=\"news-image\">";
voiceAdd += "<a class=\"image\"><img data-src=\"" + table[i]["c_picurl1"] + "\"></a>";
voiceAdd += "</div>";
voiceAdd += "<div class=\"news-bd\">";
voiceAdd += "<h5 class=\"news-title\"><a target=\"_blank\" title='" + table[i]["c_info_title"] + "' href=\"" + table[i]["a2"] + "\">" + table[i]["c_info_title"] + "</a></h5>";
voiceAdd += "<div class=\"news-desc\">" + table[i]["beizhu1"] + "</div>";
voiceAdd += "<a target=\"_blank\" href=\"" + table[i]["a2"] + "\" class=\"news-more\">查看详情</a>";
voiceAdd += "</div>";
voiceAdd += "</div>";
voiceAdd += "</div>";
voiceAdd += "</li>";
}
$("#MeVoice").html(voiceAdd); }
<%@ WebHandler Language="C#" Class="MediaVoice" %> using System.Web;
using Maticsoft.DBUtility;
using System.Data;
using System.Data.SqlClient;
using MT.Business;
using Solucky; public class MediaVoice : IHttpHandler { protected string kindNum = ""; //当前栏目
public void ProcessRequest (HttpContext context)
{
context.Response.ContentType = "application/json";
kindNum =PageValidate.SqlTextClear(context.Request["kindNum"]);
try
{
string str= GetMeVoice(context);
context.Response.Write("{\"data\":" + str + "}");
} catch (System.Exception ex)
{
throw;
}
} /// <summary>
/// 媒体声音
/// </summary>
public string GetMeVoice(HttpContext context)
{
string result = "";
string sql = "select id,a2,c_info_title,beizhu1,g_id,c_picurl1,c_kind_num from b_infos where c_kind_num=@kindNum and n_is_active=1 order by n_order desc,d_list_date desc,id desc";
SqlParameter[] sqlParams = {
new SqlParameter("@kindNum",SqlDbType.NVarChar,20), };
sqlParams[0].Value = kindNum;
DataTable dt = DbHelperSQL.Query(sql, sqlParams).Tables[0];
for (int i = 0; i < dt.Rows.Count; i++)
{
if (!string.IsNullOrEmpty(dt.Rows[i]["c_picurl1"] + ""))
{
dt.Rows[i]["c_picurl1"] = Constant.UploadDir + "s/" + dt.Rows[i]["g_id"] + "/" + dt.Rows[i]["c_picurl1"].ToString();
}
}
Json json = new Json();
string dtdata = json.Convert2Json(dt);
return dtdata;
} public bool IsReusable {
get {
return false;
}
} }
}, error: function () { alert("ajax error"); } }); }
页面上AJAX调用数据的更多相关文章
- Ajax——ajax调用数据总结
在做人事系统加入批量改动的功能中,须要将前台中的数据传给后台.后台并运行一系列的操作. 通过查询和学习了解到能够通过ajax将值传入到后台,并在后台对数据进行操作. 说的简单点.就是ajax调用后台的 ...
- contextmap相当于session之类的 用于设置属性 投放到页面上 contextmap的数据存储在map中
contextmap相当于session之类的 用于设置属性 投放到页面上
- ajax调用数据案例,二级联动
题目:请针对移动端web浏览器制作一个结账数据信息展示页面 要求: 1. 页面样式除不使用表格呈现外,可自由选择其他呈现方式 2. 需符合移动端操作习惯 3. 可根据服务区.门店查询结账信息 4. 可 ...
- AJAX调用数据,滚动到底部
最近一个小项目里面,需要使用AJAX去拉取数据,并且直接显示最后一条信息,也就是滚动到底部.实现脚本如下: var scrollHeight = $('.txtBox3').prop("sc ...
- 在mui中创建aJax来请求数据..并展示在页面上
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <m ...
- 从数据库提取数据通过jstl显示在jsp页面上
从数据库提取数据通过jstl显示在jsp页面上 1.ConnectDB.java连接数据库,把数据转换成list public class ConnectDB { private final stat ...
- ASP.NET实现二维码 ASP.Net上传文件 SQL基础语法 C# 动态创建数据库三(MySQL) Net Core 实现谷歌翻译ApI 免费版 C#发布和调试WebService ajax调用WebService实现数据库操作 C# 实体类转json数据过滤掉字段为null的字段
ASP.NET实现二维码 using System;using System.Collections.Generic;using System.Drawing;using System.Linq;us ...
- 数据量大的数据转换成jason并显示在页面上
代码列子: public ActionResult FindUserByUserId(SysMessageDTO model) { CustomResultMsg customResult = new ...
- DataTables学习:从最基本的入门静态页面,使用ajax调用Json本地数据源实现前端开发深入学习,根据后台数据接口替换掉本地的json本地数据,以及报错的处理地方,8个例子(显示行附加信息,回调使用api,动态显示和隐藏列...),详细教程
一.DataTables 个人觉得学习一门新的插件或者技术时候,官方文档是最根本的,入门最快的地方,但是有时候看完官方文档,一步步的动手写例子,总会出现各种莫名其妙的错误,需要我们很好的进行研究出错 ...
随机推荐
- css 更换浏览器 默认图标
cursor:url("./images/test.cur"),auto; 只在chrome测试过...
- BZOJ4756:[USACO2017JAN]Promotion Counting
浅谈线段树合并:https://www.cnblogs.com/AKMer/p/10251001.html 题目传送门:https://lydsy.com/JudgeOnline/problem.ph ...
- bzoj 2632 [ neerc 2011 ] Gcd guessing game —— 贪心
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2632 官方题解:http://neerc.ifmo.ru/archive/2011/neer ...
- poj 2105 IP Address(水题)
一.Description Suppose you are reading byte streams from any device, representing IP addresses. Your ...
- SSH不允许Root登陆的方法
不允许Root登陆的方法如下: vim /etc/ssh/sshd_config 把PermitRootLogin yes 改成: PermitRootLogin no 然后重启sshd服务: Ser ...
- HDU1548(楼梯问题bfs)
#include"cstdio" #include"queue" #include"cstring" using namespace std ...
- mysql--事务demo1----
package com.etc.entity; import java.sql.Connection; import java.sql.PreparedStatement; import java.s ...
- SQL中top使用方法
转自:https://www.cnblogs.com/wang7/archive/2012/07/09/2582891.html 1. 在编写程序中,我们可能遇到诸如查询最热门的5篇文章或返回满足条件 ...
- python 字典 get 小例子
语法 get()方法语法: dict.get(key, default=None) 参数 key -- 字典中要查找的键. default -- 如果指定键的值不存在时,返回该默认值值. 返回值 返回 ...
- 发起http(s)请求
发起http(s)请求我这里主要列举了3种方式: 一.命令行的方式 二.通过工具 三.通过代码 一.命令行的方式 1. curl curl官网: https://curl.haxx.se/downl ...