Uncaught TypeError: $(...).value is not a function 尝试通过 JQuery 发送值时

Posted

技术标签:

【中文标题】Uncaught TypeError: $(...).value is not a function 尝试通过 JQuery 发送值时【英文标题】：Uncaught TypeError: $(...).value is not a function when trying to send a value via JQuery 【发布时间】：2015-07-16 11:36:16 【问题描述】： 
<!DOCTYPE html>
<html>
<head lang="en">
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <meta charset="UTF-8">
    <title>php socket chat</title>
    <style>
        *  margin: 0; padding: 0; box-sizing: border-box; 
        body  font: 13px Helvetica, Arial; 
        form  background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; 
        form input  border: 0; padding: 10px; width: 100%; margin-right: .5%; 
        form button  width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; 
        #messages  list-style-type: none; margin: 0; padding: 0; 
        #messages li  padding: 5px 10px; 
        #messages li:nth-child(odd)  background: #eee; 
    </style>


</head>
<body>
<ul id="messages"></ul>

<form action="">
    <input type ="text" id="m" autocomplete="off" />
    <input type="submit" value="Submit" onclick="$('#messages').load('send.php',  chat_message: $('#m').value() );" />
</form>

我看到了一个

“未捕获的类型错误：$(...).value 不是函数”

每当我提交数据时，我不知道为什么。我正在尝试通过 POST 将文本字段中的数据发送到 send.php。

任何帮助将不胜感激，谢谢！

【问题讨论】：

每当 javascript 告诉你某个东西“不是一个函数”时，它通常意味着你正在调用一些不存在的东西。 jQuery 有一个 $(...).val() 方法，但没有像您的代码中那样的 $(...).value() 方法。 谢谢，RJ-我正在查看 .val() 文档页面并看到 .val() (value)，认为这意味着 .value 是调用该函数的另一种方式。我猜是脑抽筋！ 【参考方案1】：

在你的页面上使用这个脚本。

<script>
  var $ = jQuery.noConflict();
</script>

【讨论】：

嗨，欢迎来到 SO。请不要只是转储代码作为答案，向您的程序员同行解释您的想法。干杯。 这家伙真的帮了我【参考方案2】：

$('#messages').load('send.php', chat_message: $('#m').val() );

【讨论】：

【参考方案3】：

jquery 中没有名为value 的函数。 

 chat_message: $('#m').value()

应该是——

$('#m').val()

【讨论】：

好吧，我不觉得特别。当它允许我时，我会接受你的回答。这就是我尝试学习咖啡前的收获......

以上是关于Uncaught TypeError: $(...).value is not a function 尝试通过 JQuery 发送值时的主要内容，如果未能解决你的问题，请参考以下文章

如何解决问题：Uncaught (in promise) TypeError: promisify is not a function？

Uncaught TypeError

Uncaught TypeError: Cannot redefine property: $router

Uncaught TypeError: o.block is not a function

Laravel 5.1 和 Vue.js - 21678 Uncaught (in promise) TypeError: Cannot read property 'data' of null

jQuery Post blob 对象给出 Uncaught TypeError: Illegal invocation