Loading [MathJax]/jax/input/TeX/config.js
社区首页 >问答首页 >如何使用显示在html中的pass ajax数据?

如何使用显示在html中的pass ajax数据?
EN

Stack Overflow用户
提问于 2018-07-30 17:32:06
回答 2查看 42关注 0票数 0

我有一个问题,我似乎找不到我的问题的“最佳”解决办法。我有一个AJAX调用,它通过jQuery在DOM中显示数据。

JSON

代码语言:javascript
代码运行次数:0
复制
[{
    "id":"123"
},
{   "id":"456"
}]

JS

代码语言:javascript
代码运行次数:0
复制
$(document).ready(function() {
    $.ajax({
        url: 'get/data',
        dataType: 'json',
        data: '{}',
        success: function(data) {
            var html = '';
            $.each(data, function(i) {
               html += '<p>My ID: ' + data[i].id + '</p>';
            }
            $('#id').append(html);
        },
        error: function(err) {
            console.log(err);
        }
    })
});

正如你所看到的,我在这里显示数据。我想通过选择一个复选框和按一个按钮,或者单击一个链接,将这个ID传递给另一个AJAX调用。做这件事最好的方法是什么?

编辑:我很抱歉,我的实际问题与数组数据有关。我已经更新了密码。我现在正在html中显示一个JSON数组,我想传递我单击的用户/行的id?

谢谢你,安迪

EN

回答 2

Stack Overflow用户

发布于 2018-07-30 17:53:29

代码语言:javascript
代码运行次数:0
复制
$(document).ready(function() {
var resid;
     $.ajax({
           url: 'get/data',
           dataType: 'json',
           data: '{}',
           success: function(data) {
                resid = data.id;
                var html = '';
                html += '<p>My ID: ' + data.id + '</p>'; $('#id').append(html);
           },
           error: function(err){
               console.log(err); 
           }

      });

     $('link').click(function () {
       // pass id to second ajax
     });

});
票数 1
EN

Stack Overflow用户

发布于 2018-07-30 17:45:38

尝试jquery-模板https://github.com/codepb/jquery-template希望能帮助您

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51604321

复制
相关文章
在HTML中如何使用CSS?
一、前言 在 HTML 中使用 CSS,包括内联式、内嵌式、链接式和导入式。 二、分类 2.1 内联式 内联式是所有样式应用方式中最为直接的一种,它通过对 HTML 标记使用 属性,将 CSS 代码直接写在其中。 内联式是最简单、直接的 CSS 使用方法,但它的针对性很明显,只能作用于当前标记,造成代码冗余,维护比较困难。 2.2 内嵌式 内嵌式与内联式使用方法不同,它将 CSS 代码写在 标记之间,并需要采用 标记进行声明。 使用内嵌式 CSS 用法时 CSS 代码将被集中放在 标记中,这样方便查
企鹅号小编
2018/02/01
8.5K0
在 JS 中如何使用 Ajax 来进行请求
github 地址:https://github.com/qq44924588...
前端小智@大迁世界
2020/12/07
8.9K0
React中使用ajax获取数据在移动浏览器中不显示问题
这个问题困扰了我半个月的时间,今天终于解决了。 在做的一个小项目,页面加载后使用ajax读取本地REST数据,保存在状态中,稍后在form的选择下拉框中显示,代码如下:
fanzhh
2019/08/20
5.9K0
如何是HTML页面中的表单居中显示[通俗易懂]
在进行前端页面设置的时候,发现写完的form表单始终无法居中显示,详细如图1所示:
全栈程序员站长
2022/09/20
7.8K0
如何是HTML页面中的表单居中显示[通俗易懂]
如何通过js将一base64编码的图片显示在html中
今天遇到了一个小问题,如何通过js将一base64编码的图片显示在html中?写了一个小的demo.
王小婷
2019/06/14
11.2K0
如何对动态创建控件进行验证以及在Ajax环境中的使用
首先给一个常规的动态创建控件,并进行验证的代码 [前端aspx代码] <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm
菩提树下的杨过
2018/01/22
7.8K0
ajax html例子,AJAX实例[通俗易懂]
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
全栈程序员站长
2022/09/22
2.5K0
ajax html例子,AJAX实例[通俗易懂]
gridview分页显示_html分页显示数据
.gv { border: 1px solid #D7D7D7; font-size:12px; text-align:center; } .gvHeader { color: #3F6293; background-color: #F7F7F7; height: 24px; line-height: 24px; text-align: center; font-weight: normal; font-variant: normal; } .gvHeader th { font-weight: normal; font-variant: normal; } .gvRow, .gvAlternatingRow, .gvEditRow { line-height: 20px; text-align: center; padding: 2px; height: 20px; } .gvAlternatingRow { background-color: #F5FBFF; } .gvEditRow { background-color: #FAF9DD; } .gvEditRow input { background-color: #FFFFFF; width: 80px; } .gvEditRow .gvOrderId input, .gvEditRow .gvOrderId { width: 30px; } .gvEditRow .checkBox input, .gvEditRow .checkBox { width: auto; } .gvCommandField { text-align: center; width: 130px; }
全栈程序员站长
2022/09/29
5.7K0
gridview分页显示_html分页显示数据
HTML中显示的文字自动换行
http://www.cnblogs.com/zjxbetter/articles/1323449.html
跟着阿笨一起玩NET
2018/09/20
14.1K0
HTML中显示的文字自动换行
如何在html页面显示html标签源码
这是一篇不正经实现方案报道。 1 引言 先来看个问答: stackoverflow: Why was the xmp HTML tag deprecated? [duplicate] 这个问题感觉
celineWong7
2020/11/05
11.5K0
为什么html在浏览器中不能显示图片_做html网页图片显示不出来
我遇到的问题是写了一个HTML程序,结果在网页上面不能显示,原因是图片路径放置错了。
全栈程序员站长
2022/09/20
5.8K0
为什么html在浏览器中不能显示图片_做html网页图片显示不出来
TextView显示html文件中的图片
fromHtml还有另一个重构: fromHtml(String source, Html.ImageGetter imageGetter, Html.TagHandler tagHandler) 而 ImageGetter imgGetter = new Html.ImageGetter() {              @Override              public Drawable getDrawable(String source) {                    Draw
欢醉
2018/01/22
4K0
laravel 中如何使用ajax和vue总结
最近写一个项目是基于laravel框架的,这个框架传言是为艺术而创作的优雅框架,简洁分明的风格,很吸引我,所以最近研究比较多。本次就是基于该框架然后将Vue插件加入实现一定的功能,vue插件本身强大,具体不说了,有兴趣的同学可以去官网
用户8449980
2021/07/13
1.9K0
如何使用 Selenium 在 HTML 文本输入中模拟按 Enter 键?
Selenium是 Python 中可用的内置模块,允许用户制作自动化套件和测试。我们可以使用 selenium 构建代码或脚本以在 Web 浏览器中自动执行任务。Selenium 用于通过自动化测试软件。此外,程序员可以使用 selenium 为软件或应用程序创建自动化测试用例。
海拥
2021/12/20
8.3K0
在 WordPress 中如何定义字段依赖显示
WPJAM Basic 插件作为我们「WordPree果酱」团队所有插件和项目的基础,其中表单字段的渲染就是其中最重要的一个能力,我们做到了只需配置就能使用,无需额外增加页面的 JavaScript 的交互代码。
Denis
2023/04/13
8.5K0
企业面试题: DOCTYPE 在HTML5中如何使用
<!DOCTYPE>是关于页面写入了什么版本的HTML的指令。<!DOCTYPE>标记没有结束标记,它不区分大小写。
舒克
2019/08/09
1.1K0
如何让数据值在PBI中智能化显示 - 效果
大部分的产品的年销售额都是几十万规模,用英文规范显示,就是多少 K ,而总计则超过了百万,则应该显示为 M。
BI佐罗
2021/10/22
3.9K0
如何让数据值在PBI中智能化显示 - 效果
如何修改django的app在admin中显示的名称
在django的开发中,很多时候我们希望app在admin中显示成我们想要的中文名,而不是显示默认的app_label名称。 比如我们有一个blog应用,在我们的blog app目录下面,默认会生成一个apps.py文件,类似:
小海怪的互联网
2019/09/25
3.4K0
如何修改django的app在admin中显示的名称
nginx中proxy_pass的使用(alias和root使用)
前面我们一起学习了location的匹配规则,如果还不了解的话可以参考我这边文章(nginx中location的使用),今天一起来学习nginx中proxy_pass的匹配过程,也是非常简单
全栈程序员站长
2022/07/04
1.6K0
点击加载更多

相似问题

ajax中带有格式数据的Pass数组

11

ajax url中的Pass =

210

Django中使用AJAX的Pass

28

无法在HTML表中显示来自ajax的数据

10

使用AJAX在HTML中显示php结果

33
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档