笑故挽风 2016-06-13 04:24 采纳率: 100%
浏览 44

框架中的Ajax加载div

I have a php page that I designed a div to be populated by an Ajax call.

function showcopay()
 {

var apa = document.getElementById("alert_id").value;

 $("#copay").load('show_copay.php?pid='+apa);


 }

The parent page of the div used to be a popup page. I have moved the page to an iframe. Ajax does not work any more. When I click the link to load the div. Nothing happens.

The content file (show_copay.php) that is being called is in same folder as the parent file as before. Nothing moved as I stated before. I moved the parent page to the iframe and everything stopped working.

Do I need to include a path to the file?

  • 写回答

1条回答 默认 最新

  • weixin_33749131 2016-06-13 12:06
    关注

    The ajax was being more precise than imagined in the first place. Because the 

     doucment.getElementById("alert_id").value

    was returning a null value (which was shown in the console but I was ignoring it). The console was showing an uncaught exception. So adding the try block around it solved the problem. Now the page works like it use to work. 

          function showcopay()
       {
        try{
              var apa = document.getElementById("alert_id").value;
           }catch(err){

        }
           $("#copay").load('show_copay.php?pid='+apa);

        }
    评论

报告相同问题？

  • 基于JQuery框架的AJAX实例代码
    2020-12-01 05:17
    在这个基于jQuery框架的AJAX实例中，我们看到了如何利用AJAX技术进行无刷新的数据交互，主要涉及以下几个核心知识点： 1. **jQuery库的引入**：首先，在`<head>`标签中，通过`<script>`标签引入了jQuery库，即`”./...
  • layUI ajax加载html页面后重新渲染的方法
    2020-10-18 06:26
    本文主要介绍了在使用layUI框架时，如何通过AJAX加载HTML页面后，对动态添加的HTML内容进行重新渲染，确保新添加的内容能够正确使用layUI的各种组件功能。 首先，layUI是一个基于jQuery的前端UI框架，提供了一整套...
  • BJUI(jQuery)前端框架源码分享
    2019-04-15 11:37
    BJUI是一款基于jQuery的前端开发框架，专为后台管理系统设计，旨在提高开发效率，提供一套完整的用户界面解决方案。它结合了jQuery的灵活性、Bootstrap的响应式布局和divTab的多标签页功能，使得构建功能丰富的后台...
  • div+js模拟iframe实现左右框架.rar
    2021-11-23 14:49
    在前端开发中，页面布局是至关重要的一环，它决定了用户对网页的第一印象和交互体验。传统的布局方式之一是使用`iframe`（内联框架），它允许我们在一个网页中嵌入另一个网页，从而实现内容的复用和隔离。然而，`...
  • thinkPHP5框架实现基于ajax的分页功能示例
    2020-12-20 03:28
    在本篇文章中，我们将探讨如何在thinkPHP5框架中实现基于AJAX的分页功能，这将使用户体验更加流畅，无需每次切换页面都重新加载整个网页。 首先，我们要了解thinkPHP5的分页功能。该框架内置了强大的分页助手，允许...
  • 初试AngularJS前端框架
    2024-09-23 12:13
    酒城译痴无心剑的博客 AngularJS 是一个由 Google 维护的开源前端 JavaScript 框架，用于构建单页应用（SPA）。它采用双向数据绑定和依赖注入，简化了 DOM 操作和前端逻辑。AngularJS 支持模块化开发，易于测试和维护。它提供了丰富的指令...
  • tp5框架基于ajax实现异步删除图片的方法示例
    2020-12-20 02:54
    在本示例中，我们将探讨如何在ThinkPHP 5 (简称TP5) 框架中利用AJAX技术来实现实时的图片删除功能，无需刷新整个页面。这个功能在商品相册管理等场景中尤其有用。 首先，我们需要理解AJAX（Asynchronous JavaScript...
  • ajax翻页效果模仿yii框架自己写的
    2020-10-26 03:28
    在本篇文章中，作者介绍了如何通过自己编写代码来实现模仿yii框架的ajax翻页效果。首先，我们需要了解yii框架中的翻页组件是如何工作的，然后通过JavaScript、PHP和HTML的结合使用，来达到无需刷新页面即可切换显示...
  • ajax请求+vue.js渲染+页面加载的示例
    2020-10-18 18:04
    在本篇文章中，我们将会讨论如何使用Vue.js框架配合AJAX请求进行页面内容的动态渲染，以及在页面加载时如何实现这一过程。这个示例将非常有助于理解前端开发中的数据获取、处理以及显示的完整流程。 首先，让我们看...
  • TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
    2020-12-20 04:58
    在现代Web应用中，前端与后端的数据交互是不可或缺的一部分，尤其在提高用户体验方面，Ajax技术扮演了重要角色。在本实例中，我们将探讨如何在TP5（ThinkPHP5）框架下利用Ajax进行后台数据交互。TP5是一个流行的PHP...
  • 没有解决我的问题, 去提问