通过Ajax获取另一个页面的div值赋值到本页面中

最新推荐文章于 2021-08-06 15:23:31 发布
最新推荐文章于 2021-08-06 15:23:31 发布
阅读量1.1w 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lideyuans/article/details/52335003
版权 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="../../../js/Scripts/jquery-1.12.4.min.js"></script>
    <title></title>

    <script type="text/javascript">

        $.ajax(
            {
            url: " "+ window.location.host + "/Manage/BarCode.aspx.aspx",
            data: "{Number:'"+"20110715002"+"'}",
            type: "post",
            dataType: "text",
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                if (data) {
                    var html = $(data).find("img");
                    $("#BarCode").html(html);
                }
            }
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="BarCode">
        </div>
    </form>
</body>
</html>

lideyuans
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery用ajax获取数据赋值给页面
Rerise的博客
12-28 5775
//地区ajax获取数据 $(function(){ $(".cityname").click(function(){ var code = $(this).attr("id"); var name = $(this).attr("name"); $('#city_name').ht
前端11Jquery用ajax获取数据赋值给页面
shuzi636
03-18 1456
前端11Jquery用ajax获取数据赋值给页面 https://www.w3school.com.cn/jquery/jquery_ref_dom_element_methods.asp jQuery 参考手册 - DOM 元素方法 【jQuery】使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数组，并对获取的数据进行解析，显示在页面中，它的调用格式为： jQuery.getJ...
ajax请求返回值赋值问题
csdn15679160266的博客
12-19 3942
在发起异步ajax请求的时候，期望在返回回调函数中将返回值赋值给前面的全局变量出现的问题： var a; $.post(url,function(data){     a = data; }); console.log(a); 这里的a打出来是undefined的； 究其原因，因为ajax请求默认是异步请求，所以js解释执行的时候是不会进行等待ajax的返回，而是会直接进行下一步解释 执行，所...
jQuery中ajax获取数据赋值给页面的实例
10-18
下面小编就为大家分享一篇jQuery中ajax获取数据赋值给页面的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ajax 返回值赋值给父页面,关于父窗口给页面中的iframe传递数据的问题
weixin_33893979的博客
08-06 294
framework2.0要达到效果：当点击gridview中任一条记录的linkbutton(在RowDataBound时，捆有唯一标识该条记录的id)时，下面的iframe可以显示详细的编辑页面，并且显示该条记录的各个field值。要求每次点击时，整个页面不刷新，只有iframe刷新。我的问题是，如何把点击的那条记录的所有属性值都传给iframe？因为gridview绑定的datatable里的...
js如何取到ajax回调函数值,JS异步获取的回调函数如何把值传到父级中
weixin_39822147的博客
08-05 201
我用的是jquery validationEngine这个插件。我需要在JS中做验证，不能在html页面上使用validate[]这种形式。//验证函数_validate = function(node,rules){var nodeValue = $(node).val(),//input的值nodeId = $(node).attr('id')//input的IDtips = '',//提示信...
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
10-18
这个函数向服务器发送一个GET请求到`getJsonData.action`，并在接收到响应时将数据赋值给Vue实例的`mcs`属性： ```javascript function getmc() { $.get("getJsonData.action", function(msg) { vm.mcs = msg; }...
ajax动态赋值echarts的实例(饼图和柱形图)
12-29
-- 为 ECharts 准备一个具备大小（宽高）的 DOM 饼形图 --> <div id=first xss=removed></div> [html] view plain copy </body> （2）js页面 //饼图模板 var dom = document.getElementById(first);
JS实现DIV容器赋值的方法
11-22
给某个DIV容器赋值js函数，ajax中使用，支持ie和firefox [removed] function setValueForDiv(id,content) { var element = document.getElementById(id); element[removed] = unescape(content); if(!element...
利用JS响应式修改vue实现页面的input值
10-16
总结起来，通过理解Vue的响应式原理和`v-model`的工作方式，我们可以有效地在JavaScript中修改Vue的页面输入值。在处理类似需求时，不仅要关注DOM的直接修改，还要确保这些修改能够被Vue的响应式系统捕获，从而保持...
jquery ajax 异步传值并把值赋予在div标签内
11-06
jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行 这就是所谓的异步取值
js页面的取值，ajax
liqy1991的博客
01-10 543
jsp页面取值： $("#msg").val()取得span标签的值 设置的值：document.getElementById("msg").innerHTML=""; 前台获取后台的值：request.getParameter("name"); ajax: $.post('url',{"数据名"：数据},function(result){ result是后台返回的数据 });
用ajax提交form并将返回值显示在网页
qq_40714105的博客
04-21 4766
简单说一下做的是什么：其实就是一个筛选器，当然实际内容比这个多，所以如果采用参数的方法进行传递，非疯掉不可，所以想要用form的形式进行；解决方案：ajax+form的submit麻烦：这个方案也有麻烦——就是虽然在前端写的代码少了，但是后端代码多写了，而且复杂程度其实比前端高。先看前端代码（省略了内容部分）：&lt;form class="tiaojian main_n" id="sxtj"&g...
用jquery.ajax取出数据库中的数据赋给其他边俩个,JQuery ajax 把后台返回的List数据 遍历出来 赋值给div...
weixin_35094083的博客
08-05 425
1.效果 2.前端代码 testPic转自http://blog.csdn.net/haiqiao_2010/article/details/12653555 最近在用jQuery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,可有时候又不行.查了些资料,解释如下: [javascript] view plain copy $...
ajax请求成功之后返回的数据，怎样显示到页面，跟随表单一起提交
热门推荐
qq_39835505的博客
12-13 1万+
.val用来给input框赋值 ajax里 $(&amp;amp;amp;amp;amp;amp;amp;quot;#imageSrc&amp;amp;amp;amp;amp;amp;amp;quot;).val(data); // 获取到输入的值 对应html里， .html,用来给span，div标签赋值 // 把ajax返回的数据显示到页面 $(&amp;amp;amp;amp;amp;amp;amp;quot;#imageSrc&amp;amp;
在ajax中怎么给div赋值,如何在Ajax中添加DIV标签
weixin_39639686的博客
08-05 583
我想在ajax中插入div标签，但我无法弄清楚如何。到目前为止，这是我的代码：如何在Ajax中添加DIV标签function userLogin(){var email = $("#login_username_text").val();var password = $("#login_password_text").val();var login_url = connect_url+'retri...
ajax赋值html文本框显示,jQuery中ajax获取数据赋值给页面的实例
weixin_29554335的博客
06-04 792
//html代码{$rr[name]}//控制器代码$courseArrs = json_decode(trim($courseArrs,chr(239).chr(187).chr(191)),true);$newData['courseArrs'] = $courseArrs['data'];echo json_encode(array('state' => 1,'data'=>$n...
ajax返回数据赋值给前台变量
千里之行，始于足下
08-30 9052
var result; $.ajax({ url:&amp;quot;${pageContext.request.contextPath}/backend/scenic/list.action&amp;quot;, type:&amp;quot;POST&amp;quot;, d
ajax获取的数据如何写入页面中
最新发布
09-05
### 回答1： Ajax 获取的数据可以使用 JavaScript 进行操作，然后写入页面中。具体来说，可以使用以下步骤： 1. 定义一个 JavaScript 函数，用于执行 Ajax 请求，并处理响应数据。 2. 在该函数中，使用 XMLHttpRequest 对象发起请求，并监听该对象的 readystatechange 事件，以确定请求的状态。 3. 当 readystate 为 4 且请求成功时，通过 responseText 属性获取服务器响应的文本数据。 4. 对于该数据，您可以使用 JavaScript 进行任何操作，例如将其转换为 JSON 对象，并通过使用 DOM 操作，将其写入页面中的任何元素。 这是一个简单的示例： ``` function updatePage() { var xhr = new XMLHttpRequest(); xhr.open("GET", "data.json", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); document.getElementById("result").innerHTML = data.message; } }; xhr.send(); } ``` 在此示例中，我们向 data.json 发出请求，并在响应中读取 message 字段的值。最后，我们将该值写入页面中的 "result" 元素。 ### 回答2： 使用AJAX获取到的数据可以通过以下几种方式写入页面中： 1. innerHTML属性：可以将获取到的数据直接赋值给页面元素的innerHTML属性，例如： ```javascript var xhr = new XMLHttpRequest(); xhr.open("GET", "data.txt", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { document.getElementById("myElement").innerHTML = xhr.responseText; } }; xhr.send(); ``` 上述代码中，通过AJAX获取到的数据会被赋值给id为"myElement"的页面元素的innerHTML属性。 2. DOM操作：可以通过DOM操作将获取到的数据插入到页面中的特定位置，例如： ```javascript var xhr = new XMLHttpRequest(); xhr.open("GET", "data.txt", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); var newElement = document.createElement("p"); newElement.innerHTML = data.name; document.getElementById("myContainer").appendChild(newElement); } }; xhr.send(); ``` 上述代码中，先通过AJAX获取到的数据解析为JSON对象后，创建一个新的p标签，将获取到的数据赋值给新创建的元素的innerHTML属性，最后将新元素插入到id为"myContainer"的页面容器中。 3. 模板引擎：可以使用模板引擎（如Mustache、Handlebars等）将获取到的数据与HTML模板进行结合生成最终的页面内容，例如： ```javascript var xhr = new XMLHttpRequest(); xhr.open("GET", "data.txt", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var template = document.getElementById("template").innerHTML; var data = JSON.parse(xhr.responseText); var rendered = Mustache.render(template, data); document.getElementById("myContainer").innerHTML = rendered; } }; xhr.send(); ``` 上述代码中，首先获取到id为"template"的HTML模板，然后将获取到的数据解析为JSON对象，通过Mustache.render()方法将数据与模板结合生成最终的结果，最后将结果赋值给id为"myContainer"的页面容器。 ### 回答3： 使用Ajax获取的数据可以通过多种方式写入页面中。以下是几种常见的方法： 一、使用innerHTML属性：通过该属性可以直接将数据作为HTML代码写入到指定的页面元素中。例如，假设我们有一个id为"content"的div元素，可以使用以下代码将获取的数据写入到该div中： ```javascript document.getElementById("content").innerHTML = ajaxData; ``` 二、使用innerText或textContent属性：如果获取的数据不需要解析为HTML代码，可以使用innerText或textContent属性将数据写入到指定的页面元素中。例如： ```javascript document.getElementById("content").innerText = ajaxData; // 或者 document.getElementById("content").textContent = ajaxData; ``` 三、创建新的HTML元素：可以通过JavaScript动态创建新的HTML元素，并将获取的数据添加到这些新元素中，然后将这些元素插入到页面中的适当位置。例如，假设我们想要将获取的数据写入到一个新的p标签中，并将其添加到id为"content"的div元素中，可以使用以下代码： ```javascript var p = document.createElement("p"); p.innerHTML = ajaxData; document.getElementById("content").appendChild(p); ``` 四、使用jQuery的方法：如果项目中引入了jQuery库，也可以使用其提供的方法来操作DOM。例如，使用jQuery的html()方法将获取的数据写入到指定的页面元素中： ```javascript $("#content").html(ajaxData); ``` 无论采用哪种方法，都可以根据具体需求和项目的开发环境选择最适合的方式将获取的数据写入到页面中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值