js获取ID值出错

Posted 2023-04-06

js获取ID值出错
GetComment(2,1);
在提交的时候，传递的却是1返回的时候也是1应该是变量后面的

html中这样写的

<script type="text/javascript">
//<![CDATA[
GetComment(2,1);
//]]>
</script>

JS文件如下

function StopButton()
document.getElementById(arguments[0]).disabled=true;
document.getElementById(arguments[0]).value="提交("+arguments[1]+")";
if(--arguments[1]>0)
window.setTimeout("StopButton('"+arguments[0]+"',"+arguments[1]+")",1000);

if(arguments[1]<=0)
document.getElementById(arguments[0]).value='提交';
document.getElementById(arguments[0]).disabled=false;


function GetComment($ID,$Page)
$.ajax(
url:"Comment.asp?action=ajax_getcomment&id="+$ID+"&page="+$Page+"&time"+new Date().toString(),
type:'GET',
success:function()
$('#comment').html(arguments[0]);

);

function SendComment()
var $CommentParentID =arguments[0];
var $CommentUser =$('#CommentUser').val();
var $CommentText =$('#CommentText').val();
var $CommentValidate =$('#CommentValidate').val();
if ($.trim($CommentUser)=='')

alert('请您填写昵称！');
$('#CommentUser').focus();
return false;

if ($CommentUser.length<1||$CommentUser.length>5)

alert('昵称必须在1-5字之间！');
$('#CommentUser').focus();
return false;

if ($.trim($CommentValidate)=='')

alert('请您填写验证码！例子12+13=25就填写25');
$('#CommentValidate').focus();
return false;

if ($.trim($CommentText)=='')

alert('请您填写回复内容！');
$('#CommentText').focus();
return false;

if ($CommentText.length<5||$CommentText.length>200)

alert('内容必须在5-200字之间！');
return false;

StopButton('CommentSubmit',10);
$.ajax(
url:"Comment.asp?action=ajax_sendcomment&commentparentid="+$CommentParentID+"&commentuser="+escape($CommentUser)+"&commenttext="+escape($CommentText)+"&commentvalidate="+escape($CommentValidate)+"&time="+new Date().toString(),
type:'GET',
success:function()
if (arguments[0]=='ERROR')

alert('验证码出错！');
else
GetComment($CommentParentID,0);
alert(arguments[0]);
$("#CommentText").val("");
//验证成功时，刷新验证码图片
$("#CommentValidateImages").attr("src","Code.asp?s="+Math.random());

$("#CommentValidate").val("");

);
//SetCookie("CommentUser",$CommentUser,3);

参考技术A 还真没看明白你要问什么。
<div id="div1">hello</div>
document.getElementById("div1");
这里的参数应该是字符串，不知道你arguments[0]这里是什么。

参考资料：www.0379zd.com

Vue.js + vue-router + axios + Laravel。无法按 id 检索值

【中文标题】Vue.js + vue-router + axios + Laravel。无法按 id 检索值

【英文标题】：Vue.js + vue-router + axios + Laravel. Can't retrieve values by id

【发布时间】：2021-06-22 09:39:51

【问题描述】：

为什么不能通过 axios 获取值？

我得到了正确的任务 ID，可以在 Blade 中显示但无法进入 Vue。

哪里出错了？

id = 4 - 是任务的 id 当我尝试 http://cosys.loc/api/task/4 - 没问题时，我得到 ID 为 4 的任务的 json。

这是链接，例如：<router-link :to=" name: 'TaskShow', params: id: 4 ">Show details</router-link>

TaskDetails.vue:

<template>
  <div class="container-fluid my-3">
    <h1>ID from URL: # this.$route.params.id </h1>
    <h2>taskId:  taskId </h2>
    <p class="lead"> this.$route.tasks </p>
    <ul>
      <li> tasks.id </li>
      <li> tasks.title </li>
      <li> tasks </li>
    </ul>
  </div>
</template>

<script>

import axios from 'axios';

export default 

  name: "TaskDetails",

  data() 
    return 
      tasks: ,
      taskId: this.$route.params.id,
      loading: true,
      errored: false,
    

  ,

  mounted() 
    axios
        .get(`/api/task/$this.$route.params.id`)
        .then(response => (this.tasks = response.data.tasks), (console.log(`$this.$route.params.id`)))
        .catch(error => console.log(error))
        .finally(() => (this.loading = false));
  ,


</script>

<style scoped>

</style>

当我打开 url http://cosys.loc/tasks/show/4 时，获取 ID 为 1 的任务的值。 为什么，如何解决？

Tnx, 安东

【参考方案1】：

我整理了一个包含两个组件和一个路由器的示例来展示如何实现。

路由器

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter);

import Home from '@/components/***/router-params-example/Home'
import Detail from '@/components/***/router-params-example/Detail'

const routes = [
  
    path: '/',
    name: 'home',
    component: Home
  ,
  
    path: '/detail/:id',
    name: 'detail',
    component: Detail,
    props: true
  
]

export default new VueRouter(
  mode: 'history',
  base: process.env.BASE_URL,
  routes
)

首页

<template>
  <div class="parent">
    <h4>Home</h4>
    <div class="row">
      <div class="col-md-6">
        <router-link class="btn btn-primary" :to=" name: 'detail', params:  id: detailId  ">Show Detail</router-link>
      </div>
    </div>
  </div>
</template>

<script>
  export default 
    data() 
      return 
        detailId: 1
      
    
  
</script>

详情

<template>
  <div class="child">
    <h4>Detail</h4>
    <div class="row">
      <div class="col-md-6">
        <table class="table table-bordered">
          <thead>
            <tr>
              <th>ID</th>
              <th>NAME</th>
              <th>USER NAME</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td> user.id </td>
              <td> user.name </td>
              <td> user.username </td>
            </tr>
          </tbody>
        </table>
        <router-link class="btn btn-secondary" :to=" name: 'home' ">Back</router-link>
      </div>
    </div>

  </div>
</template>

<script>
  import axios from 'axios'

  export default 
    props: 
      id: 
        type: Number,
        required: true
      
    ,
    data() 
      return 
        user: 
      
    ,
    methods: 
      getUser() 
        axios.get('https://jsonplaceholder.typicode.com/users/' + this.id)
        .then( response => this.user = response.data )
        .catch( error => console.log(error) )
      
    ,
    created() 
      this.getUser();
        
  
</script>

【讨论】：

亲爱的蒂姆，非常感谢！问题已经解决了！

不客气。很高兴它解决了问题。并感谢您接受我的回答。