Javascript 如何在jquery mobile中选择数据而不单击任何按钮
代码如下 剧本Javascript 如何在jquery mobile中选择数据而不单击任何按钮,javascript,php,jquery,html,Javascript,Php,Jquery,Html,代码如下 剧本 <script type="text/javascript"> $(document).ready(function() { $("#like1").click(function() { $("#offer2").val(1); $("#like1").attr("src", "images/like_on.png"); $("#unlike1").attr("src",
<script type="text/javascript">
$(document).ready(function() {
$("#like1").click(function() {
$("#offer2").val(1);
$("#like1").attr("src", "images/like_on.png");
$("#unlike1").attr("src", "images/unlike_off.png");
});
$("#unlike1").click(function() {
$("#offer2").val(2);
$("#like1").attr("src", "images/like_off.png");
$("#unlike1").attr("src", "images/unlike_on.png");
});
$("#like2").click(function() {
$("#offer4").val(1);
$("#like2").attr("src", "images/like_on.png");
$("#unlike2").attr("src", "images/unlike_off.png");
});
$("#unlike2").click(function() {
$("#offer4").val(2);
$("#like2").attr("src", "images/like_off.png");
$("#unlike2").attr("src", "images/unlike_on.png");
});
$("#update").click(function(e) {
e.preventDefault();
var video1 = $("#offer1").val();
var rating1 = $("#offer2").val();
var video2 = $("#offer3").val();
var rating2 = $("#offer4").val();
var dataString = 'video1=' + video1 + '&rating1=' + rating1 + '&video2=' + video2 + '&rating2=' + rating2;
$.ajax({
type: 'POST',
data: dataString,
url: 'insert.php',
success: function(data) {
//alert(data);
}
});
});
});
</script>
$(文档).ready(函数(){
$(“#like1”)。单击(函数(){
美元(“#报价2”).val(1);
$(“#like1”).attr(“src”、“images/like_on.png”);
$(“#unlike1”).attr(“src”、“images/unlike_off.png”);
});
$(“#unlike1”)。单击(函数(){
$(“报价2”).val(2);
$(“#like1”).attr(“src”、“images/like_off.png”);
$(“#unlike1”).attr(“src”、“images/unlike#on.png”);
});
$(“#like2”)。单击(函数(){
美元(“#报价4”).val(1);
$(“#like2”).attr(“src”、“images/like_on.png”);
$(“#unlike2”).attr(“src”、“images/unlike_off.png”);
});
$(“#unlike2”)。单击(函数(){
美元(“#报价4”).val(2);
$(“#like2”).attr(“src”、“images/like_off.png”);
$(“#unlike2”).attr(“src”、“images/unlike#on.png”);
});
$(“#更新”)。单击(功能(e){
e、 预防默认值();
var video1=$(“#offer1”).val();
var比率1=$(“#报价2”).val();
var video2=$(“#offer3”).val();
var评级2=$(“#报价4”).val();
变量数据字符串='video1='+video1+'&评级1='+rating1+'&评级2='+video2+'&评级2='+rating2;
$.ajax({
键入:“POST”,
数据:dataString,
url:'insert.php',
成功:功能(数据){
//警报(数据);
}
});
});
});
身体
如何佩戴ACUVUE品牌隐形眼镜
有帮助吗
如何摘下ACUVUE品牌隐形眼镜
有帮助吗
插入数据的php代码
<?php
include('libraries/config.php');
$video1 = $_POST['video1'];
$rating1 = $_POST['rating1'];
$video2 = $_POST['video2'];
$rating2 = $_POST['rating2'];
$stmt = $db->prepare("INSERT INTO videos(videoID,rating) VALUES ('$video1','$rating1')");
$stmt->execute();
$stmt = $db->prepare("INSERT INTO videos(videoID,rating) VALUES ('$video2','$rating2')");
$stmt->execute();
?>
尝试卸载事件:
$(window).unload(function(){
var myData = {'var1':42, 'arg2':24};// Data for myScript.php
$.post("myScript.php", myData, function(data) {
console.log(data);// Result of myScript.php
});
});
编辑:仅在
之前添加此代码。此代码将调用更新函数
$(window).unload(function(){
$("#update").click({'preventDefault':function(){}});
});
只需转换$(“#更新”)即可。单击(函数(e)
指向命名函数
function update(){
e.preventDefault();
var video1 = $("#offer1").val(); //etc.
}
然后将其添加到每个“单击”函数中
$("#like1").click(function() {
$("#offer2").val(1);
$("#like1").attr("src", "images/like_on.png");
$("#unlike1").attr("src", "images/unlike_off.png");
update();
});
那么,您希望如何保存数据而不是单击更新按钮?您需要“一个事件”触发更新。您希望它是什么?按下一个键?有人完成了键入?已经过了一段时间?通常在ui中我不应该有那个更新按钮,所以我问,当我点击其他选项卡或点击后退按钮时,我感到非常困惑,$(“#更新”)。点击(函数(e){e.preventDefault()var video1=$(“#offer1”).val();var rating1=$(“#offer2”).val();var video2=$(“#offer3”).val();var rating2=$(“#offer4”).val();var dataString='video1='+video1+'&rating1='+rating1+'&video2='+video2='+rating2;$。ajax({type:'POST',data:dataString,url:'insert.php',success:function(data){}}};});我必须使用您建议的代码,而不是上面的代码。是的,非常类似。但是我的事件不需要用户执行任何操作。请参阅我的编辑
$("#like1").click(function() {
$("#offer2").val(1);
$("#like1").attr("src", "images/like_on.png");
$("#unlike1").attr("src", "images/unlike_off.png");
update();
});