首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用Php和JQuery获取JQuery记录

使用Php和JQuery获取JQuery记录
EN

Stack Overflow用户
提问于 2011-04-19 11:55:21
回答 2查看 1.9K关注 0票数 1

下面是我的场景:

我有一个下拉菜单,有不同的值。当选择'A‘选项时,我希望它使用JQuery调用一个Php脚本。当将该记录ID返回给javascript时,javascript将根据返回的ID (即/products/$ ID )将浏览器指向特定的URL。

现在,我有了它,以便下拉菜单触发一个javascript函数。我还有执行数据库工作的Php脚本。我只是不确定javascript函数中应该包含哪些内容,或者如何使它与Php脚本连接,以及如何获得返回的数据(以及如何处理返回类型- xml、html等)

我正在使用JQuery库和PHP5.x。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-04-19 12:13:52

一个简单的例子是采取如下形式

Example.php

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<form id="form" name="form">        
    <select name="dropdown" id="dropdown">
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
        <option value="D">D</option>
    </select>

    <input type="submit" id="submit" name="submit" value="Submit!" />
</form>

然后将其与一些JQuery链接起来,以拦截表单,并将其发送到PHP文件中。

JQuery.js

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).ready(function(){
    $("#dropdown").change(function(event) {
        $.ajax({
            type: "POST",
            url: "query.php",
            data: $('#form').serialize(),
                datatype: "json",
            success: function(data){
                var ret = jQuery.parseJSON(data);
                    // Redirect to ret.link
            }
    });
    event.preventDefault();
    });
});

然后,创建PHP文件来解释它

query.php

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$stmt = $sql->dbh->prepare("SELECT `Link` FROM `Links` WHERE `ID` = :id");

$stmt->bindValue(':id', $_POST['dropdown']);

$stmt->execute();

$link = $stmt->fetch()['Link'];

echo json_encode(array('link' => "{$link}"));

die();
票数 2
EN

Stack Overflow用户

发布于 2011-04-19 12:11:19

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("#menu-item").click(function() {

    jQuery.ajax({
        type: "POST",
        url: "yourScript.php",
        data: "data=foo",
        success: function(response){
            //redirect to id using response
            window.location.replace("http://yoursite.com/products/" + response);
        }
    });

});

当然,这将需要根据您的独特情况定制。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5721903

复制
相关文章
jQuery - 获取内容和属性
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。
陈不成i
2021/07/22
3.3K0
Jquery和PHP Ajax JSON
本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同或支持。如需转载,请注明文章来源。
Java架构师必看
2021/03/22
1.5K0
jquery获取主机地址和端口
    //1、使用 window.locaion.href 获得项目的根路径     var curWwwPath = window.document.location.href;     //2、获得主机地址之后 的目录     var pathname= window.document.location.pathname;     var pos = curWwwPath.indexOf(pathname);     //3、获得主机地址     var localhostPath = c
用户1220053
2018/02/09
2.9K0
jquery获取scrollHeight
滚动下拉加载思路:判断当前滚动条的位置是否到达距离 scrollHeight 滚动高度的某个位置,注意滚动条位置到底后,加上可视区域高度,才等于 scrollHeight 高度。
全栈程序员站长
2022/09/15
1.7K0
Jquery 使用getJSON 获取json数据
1.先引用jq获取下载到本地 CDN地址:https://code.jquery.com/jquery-latest.js
Alone88
2019/10/22
3.5K0
jQuery获取和设置元素属性
之前使用css方法可以给标签设置样式属性,那么设置标签的其它属性可以使用prop方法了。
落雨
2022/03/01
30.9K0
jQuery获取和设置元素内容
1. html方法的使用 jquery中的html方法可以获取和设置标签的html内容 示例代码: <script> $(function(){ var $div = $("#div1"); // 获取标签的html内容 var result = $div.html(); alert(result); // 设置标签的html内容,之前的内容会清除 $div.html("<span style='c
落雨
2022/03/01
31.1K0
php jquery教程下载,jquery 怎么下载
下载jquery的方法:首先使用百度搜索“jQuery”;然后点击进入jQuery网站;最后找到适合开发的版本后进行下载即可。
全栈程序员站长
2022/08/22
9.4K0
php jquery教程下载,jquery 怎么下载
jquery之节点获取和font标签不推荐使用
获取startDateText值为<p style="color: red">*</p>有效时间
周杰伦本人
2023/10/12
2070
JS和JQuery获取label的值
label <label name="label_blog" id="label_blog" value="http://blog.ithomer.net"> http://blog.ithomer.net </label> </br> <input name="input_blog" id="input_blog" value="http://blog.ithomer.net"> </input> label 获取值: label标签在JS和Jquery中使用不能像其他标签一样用value获取它
阳光岛主
2019/02/18
9.2K0
jQuery获取checkbox和radio的值
一般获取 input 的值,直接使用 $('input').val() 就可以了。
德顺
2023/08/25
3130
jQuery 如何存储,获取和删除 Cookies
我前面介绍了 Javascript 中如何存储,获取和删除 Cookies,现在介绍下 jQuery 如何存储,获取和删除 Cookies。
Denis
2023/04/15
1.2K0
在vue项目中使用jquery和jquery插件
Vue之所以受欢迎,主要就在于它的轻量和灵活,我们可以用vue做SPA,也可以用它做多页应用,一个页面对应一个VUE实例。而且因为他的轻量,低侵入性,所以我们可以很方便地和其他框架或者库搭配使用,那么我们怎么在基于vue的SPA应用中搭配jquery使用呢?
fastmock
2022/07/13
1.6K0
JQuery学习—JQuery-Validation 使用
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/121266.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/19
4.6K0
PHP版的jQuery
个人认为,对于Web前端程序员和跟HTML和CSS打交道的人来说,jQuery是有史以来最伟大的发明。jQuery的出现使Web程序员的开发效率突飞猛进,不亚于工业革命给人类生产力带来的提升。 但问题在在于,只有前端程序员可以利用jQuery的强力,他们可以用它分析HTML,根据CCS类,HTML属性,CSS规则等各种选择器来查 询、获取、操作HTML里的任何一个元素。而作为后端(服务端)程序员来说,他们同样需要分析HTML内容,从HTML中提取符合要求的HTML片段、获 取某个符合条件的属性值等。 遇到这
wangxl
2018/03/08
1.3K0
使用jQuery
jQuery概述 Write Less Do More(用更少的代码来完成更多的工作) 使用CSS选择器来查找元素(更简单更方便) 使用jQuery方法来操作元素(解决浏览器兼容性问题、应用于所有元素并施加多个方法) 引入jQuery 下载jQuery的开发版和压缩版 从CDN加载jQuery <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script> window.jQuery ||
用户8442333
2021/05/20
1K0
treetable php,jQuery树型表格插件jQuery treetable
插件描述:jQuery-treetable是一个jQuery插件。有了这个插件,你可以在一个HTML表格中显示树,即目录结构或嵌套列表。它使你的HTML文件干净的,展现出树状表格插件,你只需要每一行数据添加特定的数据属性。
全栈程序员站长
2022/08/18
1.9K0
treetable php,jQuery树型表格插件jQuery treetable
JavaScript、Jquery获取屏幕的宽度和高度
在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下: Javascript方法获取: document.body.clientWidth //网页可见区域宽 document.body.clientHeight //网页可见区域高 document.body.offsetWidth //网页可见区域宽(包括边线的宽) document.body.offsetHeight //网页可见区域高(包括边线的高) document.body.scrollWidth //网页正文全文宽 document.b
德顺
2019/11/13
5.3K0
jquery 获取鼠标和元素的坐标点
2,获取对象元素的位置(offset()方法) var offset = obj.offset(); 获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置。
Yiiven
2022/12/15
2.4K0
Jquery attr()方法 属性赋值和属性获取
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。
软件小生活
2021/08/16
10.5K0
Jquery attr()方法 属性赋值和属性获取

相似问题

使用ajax jquery和php过滤记录

10

使用Jquery和Php获取图像

20

如何使用jquery和php删除mysql记录

12

使用jquery和mysql使用php更新表记录

10

使用jquery获取单个记录

25
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文