如何在新页面上显示 AJAX 响应

2024-03-21

我正在phonegap中开发移动应用程序并使用intel xdk,我想在新的html页面上显示ajax响应我在google上搜索并找到了这个解决方案window.open();但这种方法对我不起作用并显示空白(白屏)。我想显示我的数据search.html页面,我使用 jquery 和 ajax 从数据库获取响应。

function search() {
    $("#LoadingImage").show();
    var valuee=document.querySelector('input[name="srch_type"]:checked').value;
    var srch_txt = $("#search-2").val();
    if(srch_txt.length>0){
       $.ajax({
              url: "http://medicomall.com/andapp/?srchtxt="+srch_txt+"&srchtyp="+valuee,
              dataType: 'json',
              success: function(opt) {
                 $("#LoadingImage").hide();                                          
                 $.each(opt.waleed, function(key, value){   
                       //  alert( "SUCCESS:  " + value );         
                       if(valuee=='Medicine'){                   
                            $("ul").html ("<li>"+this['med_name']+"</li>"+"<li>"+this['med_alter']+"</li><a>"+this['Store_Address']+"</a><br>");
                       }else if(valuee=='Doctor'){        
                            $("ul").html("<li>"+this['name']+"</li><li>"+this['desc']+"</li>");
                      }  
                 else{
                     $("ul").html("<li>"+this['cl_name']+"</li><li>"+this['cl_address']+"</li>");   
                 }
            });  
          },
           error: function () {
               alert('Network error has occurred please try again!');
               $("#LoadingImage").hide();

            }     

        });   
   } else{
            alert("Please Enter Some Value");
            $("#LoadingImage").hide();     
         }
     }

  </script>

创建新窗口时使用以下命令:

$.ajax({
    url: "http://medicomall.com/andapp/?srchtxt=" + srch_txt + "&srchtyp=" + valuee,
    dataType: 'json',
    success: function (opt) {
        $("#LoadingImage").hide();

        //Window Settings
        var w = window.open();
        //Append Search unordered list
        $(w.document.body).html('<ul class="search"></ul>');

        $.each(opt.waleed, function (key, value) {
            //  alert( "SUCCESS:  " + value );         
            if (value == 'Medicine') {
                $(w.document.body+" .search").html("<li>" + this['med_name'] + "</li>" + "<li>" + this['med_alter'] + "</li><a>" + this['Store_Address'] + "</a><br>");
            } else if (value == 'Doctor') {
                $(w.document.body+" .search").html("<li>" + this['name'] + "</li><li>" + this['desc'] + "</li>");
            } else {
                $(w.document.body+" .search").html("<li>" + this['cl_name'] + "</li><li>" + this['cl_address'] + "</li>");
            }
        });
    },
    error: function () {
        alert('Network error has occurred please try again!');
        $("#LoadingImage").hide();

    }

});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在新页面上显示 AJAX 响应 的相关文章

  • 更改模板标签 <# {% {{ 等后,John Resig 的微模板出现语法错误

    我在使用 John Resig 的 Micro 模板时遇到了一些麻烦 谁能帮我解释为什么它不起作用 这是模板 以及发动机的改装部分 str replace r t n g split join t replace gt t g 1 r re
  • 如何隐藏 URL 中的 ID

    我以前在 Stack Overflow 上见过这类问题 但没有一个真正有帮助 我也用谷歌搜索过 但没有骰子 我想知道如果用户单击选项卡本身是否可以隐藏 URL 中的 ID 这是网页 www planet nu dev new experia
  • 如何用方向键移动div

    我想使用 jQuery 用箭头键移动 div 所以右 左 下 上 找到了我想要完成的演示here http atomicrobotdesign com blog htmlcss move objects around the canvas
  • 无法使用 jQuery 添加两个小数

    我试图将两个小数值相加 但返回的总和是纯整数 怎么了 我找不到它 欢迎任何帮助 jQuery delivery method ship select change function var cost jQuery this val jQue
  • 如何禁用向左滚动?

    I got a div 元素 parent 包含多个子元素 item 我想启用滚动父元素一个方向 left OR正确的 否则什么都不会发生 看我的代码 parent scroll function gt gt gt scroll event
  • 选择 jQuery 中的每第 n 个项目?

    jQuery 有方便的 even 和 odd 选择器 用于选择集合中偶数或奇数索引的项目 我用它来清除一系列浮动框中的所有其他项目 如下所示 div class 2up div div div div div div div and Cle
  • jquery 在元素之间包裹内容

    我有一些内容由 hr 标记 我需要做的是将开始标记和结束标记之间的所有内容包装起来 鉴于此标记 hr class begin some content
  • jQuery .nothas?

    有没有办法做相当于 nothas jQuery 中的选择器 例如 如果我想添加一个TBODY to all TABLE如果元素还没有 那么最好做这样的事情 TABLE nothas TBODY append tbody tbody 如果这可
  • 用空字符串替换状态:Javascript

    我有这个网址 website com con blog true 我在 javascript 中所做的是 if getURLparams blog RandomFunction change the url window history r
  • asp.net mvc - Ajax 刷新视图的每个元素

    希望在退出 jquery 对话框后使用 ajax 刷新当前页面 我有一个包含 foreach 循环的视图 数据是从模型中提取的 每个循环有 2 个编辑 删除按钮 当我单击 编辑按钮 时 将打开一个 jquery UI 对话框进行编辑 当我保
  • 动态添加 href 到链接

    我有一系列水平 div 框 我需要添加相关的 href 以使用锚链接链接到下一个 由于它们是动态生成的 我需要使用 JavaScript 添加 href 期望的效果将是 div a class next video href post2 N
  • JQuery 验证代码不允许删除输入的文本

    我从这个问题借用了一些代码 见回复4 如何使用 jquery 阻止或限制输入字段中的特殊字符 https stackoverflow com questions 895659 how do i block or restrict speci
  • jquery hasClass,是否可以给出类名的开头,以获取完整的类名

    我正在尝试做类似的事情这个问题 https stackoverflow com questions 10333210 how can i get the class name as a string that begins with tes
  • 上传非常大的文件(>5GB)

    我需要你的帮助 我想用 HTML JQuery 和 PHP 创建一个上传脚本 是否可以编写一个可以上传非常大的文件 gt 5 GB 的脚本 我已经尝试使用 FileReader FormData 和 Blobs 但即使使用这些 我也无法上传
  • Magento 一页结帐 - 出现 TypeError: checkout undefined (在 opcheckout.js 中)

    大约一周前 一页结帐工作正常 但现在不行了 毫无疑问我有错 因为我仍然遇到与管理后端相关的问题 并且我可能在处理该问题的过程中以某种方式搞砸了 无论如何 当 登录 注册 用户单击一页结账的帐单信息步骤中的 继续 按钮时 会发生什么情况 就好
  • Javascript图像编辑插件

    在哪里可以找到 Javascript 或 jQuery 图像编辑器插件 用户可以单击图像进行编辑 并且该插件允许他们进行裁剪 调整大小 旋转 翻转等 Pixastic http pixastic com lib 不再活跃 和CamanJS
  • 如何从左向右滑动文本和图像并具有滑动效果[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 使用 jQuery live() 初始化插件?

    使用 jQuery 在特定类的所有当前和未来元素上自动初始化插件的最佳方法是什么 例如 假设我想要全部
  • 从本地 html/javascript 网站插入 mySQL 数据库

    我正在尝试做什么 我的程序的目的是插入数据local HTML JS网站变成online 非本地 mySQL数据库 到目前为止我尝试过的 我试图用来实现此目的的原始方法是让我的本地网站使用 javascript 通过在线发布数据PHP文件
  • 使用 jQuery 的 ajax 方法以 blob 形式检索图像

    我最近问了另一个 相关 问题 这导致了这个后续问题 提交数据而不是输入表单的文件 https stackoverflow com questions 17643142 submitting data instead of a file fo

随机推荐

  • 抽象工厂模式讲解

    我正在研究设计模式并遇到Abstract Factory Pattern根据定义是 抽象工厂模式说只需定义一个接口或 用于创建相关 或依赖 对象系列的抽象类 但没有指定它们的具体子类 这意味着抽象 工厂让一个类返回类的工厂 但我无法彻底理解
  • 使用 Swift 4.2.1 编译的模块无法被 Swift 5.0 编译器导入

    我正在尝试按照说明将第三方应用程序集成到项目中https github com Paytm Payments Paytm iOS App Kit tree master Swift BitCodeDisabled PaytmNativeSD
  • 实体框架 CTP5 代码优先:将一个类与另一个类的多个集合映射

    使用 EF CTP5 Code First 我尝试映射一个类模型 该模型在一个类中包含指向另一个类的多个集合 这是我的意思的一个例子 public class Company public int CompanyId get set pub
  • php中的empty()、isset()和is_null()函数有什么区别?

    我做了很多研究 但无法找到这三者之间的区别 所以我做了一个简短的例子 希望对我们有所帮助 这是所有这三个的表格表示 Case Empty isset is null 1 a NULL 1 0 1 2 Not exists 1 0 1 War
  • 如何启用 :tsearch 字典进行 pg_search 多重搜索?

    我正在将 pg search 添加到 Rails 应用程序中 我正在按照 github 上的说明进行操作铁路广播公司 http railscasts com episodes 343 full text search in postgres
  • Web Components(原生UI)之间如何通信?

    我正在尝试为我的一个 UI 项目使用本机 Web 组件 对于这个项目 我没有使用任何框架或库 例如 Polymer 等 我想知道是否有最好的方法或其他方式在两个项目之间进行通信像我们在 AngularJS Angular 中所做的那样的 W
  • Flexslider - 动画:“幻灯片”,animationLoop:“true” - 冲突

    我有一个问题弹性滑块2 http www woothemes com flexslider在某些特定情况下 我将它用作内容滑块 我需要的是让动画幻灯片而不是淡入淡出 并循环播放幻灯片 我有 3 张幻灯片 其中包含 div 内容和更多列表 以
  • 致命错误:调用成员函数 getKeyName()

    我是 joomla 的新手 我创建了一个 joomla 组件 当我单击管理中的新按钮时 我收到这样的错误 致命错误 在 C xampp htdocs Joomla1 libraries joomla application componen
  • 现代 Unix/Linux 系统上的密码是否仍限制为 8 个字符?

    多年前 Unix 密码的长度限制为 8 个字符 或者如果密码长度超过 8 个字符 那么多余的字符也不会产生任何影响 大多数现代 Unix Linux 系统上仍然是这种情况吗 如果是这样 大约什么时候在大多数系统上可以使用更长的密码 有没有一
  • 将双精度数字舍入为以位数给定的较低精度的有效方法

    在 C 中 我想将双精度舍入到较低的精度 以便可以将它们存储在关联数组中不同大小的存储桶中 与通常的舍入不同 我想舍入到多个有效位 因此 大数字的绝对变化将比小数字变化大得多 但它们往往会按比例变化 因此 如果我想四舍五入到 10 个二进制
  • 为什么这个具有推导返回类型的内联方法尚未定义?

    include
  • RadGrid 底部的水平滚动空白

    我正在使用 RadGrid 从数据库检索数据 我的 RadGrid 中有更多列 因此我需要显示 RadGrid 水平滚动以防止页面扩展 但禁用垂直滚动 因此网格的高度应扩展以始终显示网格中的所有行 我得到了结果 但 RadGrid 底部有空
  • 使用 Chosen 链接选择

    我正在尝试将选择与Chosen https github com harvesthq chosen and Chained http www appelsiini net projects chained但我不确定我是否正确实现了 chos
  • 文件观察器创建事件

    我正在使用 net 文件监视程序监视文件夹中的某些类型的文件 mbxml 我正在使用 filewatcher 创建的事件 一旦创建的事件触发 我必须将此文件移动到另一个文件夹 这种方法的问题在于 一旦文件复制开始 就会触发创建的事件 因此
  • 存储用户时区的最佳实践 - TSQL/.Net

    我需要跟踪用户的时区 以便在他们指定的特定时间 在他们自己的时区 处理他们的信息 或不处理 显而易见的答案是将时区及其个人资料信息存储在用户数据库中 有点棘手的是夏令时 从下图中请注意 大多数北部和南部地区使用夏令时偏移 因此 存储时区偏移
  • 防止 PHP 脚本在运行时耗尽所有资源?

    我有一个每日 cron 作业 运行大约需要 5 分钟 它会收集一些数据 然后更新各种数据库 它工作正常 但问题是 在这 5 分钟内 该站点完全没有响应任何请求 无论是 HTTP 还是其他请求 看起来 cron 作业脚本在运行时会占用所有资源
  • 使用基数排序实现 std::sort 重载是否合法?

    对于适用的数据类型 良好的基数排序可以大幅击败比较排序 但是std sort通常作为 introsort 实现 有没有理由不使用基数排序来实现std sort 基数排序不足以实现std sort因为std sort仅要求类型具有可比性 但对
  • Flutter:固定高度容器内的可滚动列子项

    我有一些容器里面一个ListView这将导致可滚动内容在一个页面内 每个容器都有一个 Column 作为子容器在列中 我有一个标题和一个分隔线 然后是实际内容 我希望其中一个容器是这样的 Title divider Scrollable c
  • Windows8:设备标识符

    我目前正在尝试检索唯一的设备标识符 这是我的代码 var token Windows System Profile HardwareIdentification getPackageSpecificToken null var reader
  • 如何在新页面上显示 AJAX 响应

    我正在phonegap中开发移动应用程序并使用intel xdk 我想在新的html页面上显示ajax响应我在google上搜索并找到了这个解决方案window open 但这种方法对我不起作用并显示空白 白屏 我想显示我的数据search