将单击的链接文本传递给PHP,并使用该链接文本检索所有图像并在另一个页面中显示它们
passing clicked link text to php and and with that link text retrieving all images and displaying them in another page
该场景是发送点击链接文本到服务器,我在文件系统(图像/caps/缩略图)中保存了文本的图像,路径保存在mysql数据库中,此表desc
+--------+-------------+------+-----+---------+----------------+
| Field | Type | Null | Key | Default | Extra |
+--------+-------------+------+-----+---------+----------------+
| imgid | int(11) | NO | PRI | NULL | auto_increment |
| imgurl | varchar(75) | YES | | NULL | |
| family | varchar(20) | YES | | NULL | |
+--------+-------------+------+-----+---------+----------------+
3 rows in set (0.04 sec)
PHP通过mysql从文件系统检索所有图像(假设50张图像),在new TAB中打开products.html并在那里显示这50张图像。请仔细检查我页面中的整个代码,然后回复
下面是我的菜单栏代码在我的index.html。
<ul class="dropdown">
<li><a href="#">Man</a>
<ul class="sub_menu">
<li><a href="#">Caps</a></li>
<li><a href="#">Shirts</a></li>
<li><a href="#">T-shirts</a></li>
<li><a href="#">Jeans</a></li>
</ul>
</li>
<li><a href="#">Woman</a>
<ul class="sub_menu">
<li><a href="#">Caps</a></li>
<li><a href="#">Coats</a></li>
<li><a href="#">Shirts</a></li>
<li><a href="#">Tshirts</a></li>
<li><a href="#">Jeans</a></li>
</ul>
</li>
</ul>
下面的代码,我抓取文本,如果用户单击大写链接TXT被抓取下面的警告是有效的,但$.ajax......没有
$(document).ready(function() {
$('ul.sub_menu a').click(function() {
var txt = $(this).text();
//alert("you clicked"+txt);
$.ajax({
type: 'POST',
url: 'thegamer.php',
data: {'txt':txt}
});
});
});
在我的thegamer。php中,它没有被传递到这段代码,因为我正在回显它,但没有回显
<?php
include 'dbconnect.php';
$q=$_GET["txt"];
echo $q;
include 'dbclose.php';
?>
PHP通过这个查询提取相关的图像
select * from images where family='$q'
记住,我不希望AJAX检索图像的帽子和显示在相同的INDEX.HTML,但打开一个新的窗口选项卡与产品。html和显示图像在那里
从这里进一步,那么如何发挥TXT和检索图像从文件系统与mysql路径,并进一步显示这50张图像在产品。html内的div我是完全空白的,我尝试了所有的stackoverflow相关的问题和谷歌,但不能得到一个想法和处理它
谁来帮我继续写代码
try with this:
var txt = $(this).text();
$.ajax({
type: 'POST',
url: 'thegamer.php',
data: 'txt=' + txt,
});
或与您的代码:
var txt = $(this).text();
$.ajax({
type: 'POST',
url: 'thegamer.php',
data: {send_txt: txt},
success: function( data ){
//now echo the data where you want
// for example
$('#result').html( data );
// or you can see in on firebug
console.log( 'Return:' + data );
}
});
注意,send_txt
是一个post变量,你可以像$_REQUEST['send_txt']
一样得到它,希望它能工作
相关文章:
- 如果显示当前图像,则禁用链接
- Javascript图像链接
- 更改标记.js图像/链接表达式
- 如何使用javascript从文件夹中获取图像并发布直接链接
- 当页面包含指向一个图像的多个链接时,fancyBox会复制缩略图辅助图像
- PNG图像被覆盖,但每个图像都有一个链接可以更改,每次一个-Javascript/jQuery/CSS
- javascript 将 IMG 标签中的图像转换为 标签中的实际链接图像
- 一键在一个窗口中打开两个不同的链接图像
- 如何使用 jquery 调整超链接图像的大小
- 重写:导航链接图像按钮效果
- 切片盒,链接图像
- 悬停时更改链接图像
- 在Javascript中使用href=mailto链接图像
- 鼠标悬停时链接图像
- 链接图像到网页链接
- 超链接图像不显示Chrome扩展
- 基于ALT标签的链接图像
- 在基于活动链接图像的导航中改变背景位置
- 将文本和超链接图像添加到表格单元格
- 如何在此代码片段中定位链接图像而不是链接文本