如何在jquery中循环ID

时间:2017-08-31 16:35:23

标签: javascript php jquery twitter-bootstrap mysqli

我从数据库中浏览了我所在区域的医生名单并显示在我的页面上,现在我想在bootstrap模式中加载那些医生“关于医生”的内容。我在医生数据所在的同一个数据库表中创建了一个“约”列,现在我想在用户点击“查看详细信息”(见图片)链接时加载每位医生“关于我们”的内容。

jquery点击事件

$('.see-details').on('click',function(){
$('.modal-body').load('getContent.php?id=<?php echo ?>',function(){
    $('#myModal').modal({show:true});
});

});

getabout.php

    if($query->num_rows > 0){
    $row = $query->fetch_assoc();
    echo '<p>'.$row['about'].'</p>';
}else{
    echo 'About Us not found....';
}

如何从数据库中动态回显id?

enter image description here

1 个答案:

答案 0 :(得分:2)

这不是您要输出ID的位置:

using System;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows.Input;
using TobyList_XamarinForms.Models;
using Xamarin.Forms;
using System.Linq;

namespace TobyList_XamarinForms.ViewModels
{
    public class MasterPageViewModel : INotifyPropertyChanged
    {
        public ObservableCollection<ItemList> lists = new ObservableCollection<ItemList>();
        public ObservableCollection<ItemList> Lists
        {
            get { return lists; }
            set
            {
                lists = value;
                OnPropertyChanged("Lists");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        public MasterPageViewModel()
        {
            this.AddListCommand = new Command(() =>
            {
                OnAddList();
            });
            //this.DeleteListCommand = new Command<ItemList>((sender) =>
            //{
            //  OnDeleteList(sender);
            //});

            this.DeleteListCommand = new Command<ViewCell>((sender) =>
            {
                OnDeleteList(sender);
            });

        }

        public ICommand AddListCommand { get; protected set; }
        private void OnAddList()
        {
            ItemList itemList = new ItemList() { Id = Guid.NewGuid().ToString().ToUpper(), Name = "Lorem Ipsum", Color = "#000000" };
            Lists.Add(itemList);
        }

        public ICommand DeleteListCommand { get; set; }
        //public void OnDeleteList(ItemList itemList)
        //      {
        //          Lists.Remove(itemList);
        //      }
        public void OnDeleteList(ViewCell viewCell)
        {
            viewCell.ContextActions.Clear();
            Lists.Remove((ItemList)viewCell.BindingContext);
        }

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

因为此代码只应在页面上存在一次,所以不能为每个元素复制。相反,您希望在此代码获取该值的某处输出ID。理想的位置可能是$('.modal-body').load('getContent.php?id=<?php echo ?>',function(){ 元素本身。所以大概你有一些点击元素,让我们一起来看看:

.see-details

可能这是在PHP代码的循环中输出到页面,循环可以访问ID值。在这种情况下,您可以将这些值输出到该页面。结构上像这样的东西:

echo '<button class="see-details">See Details</button>';

这会产生类似的东西:

echo '<button class="see-details" data-id="' . $id . '">See Details</button>';

现在,在该元素的单击处理程序中,您可以获取该ID值并在URL中使用它。像这样:

<button class="see-details" data-id="123">See Details</button>