javascript - OnClick 发送到 Ajax

标签 javascript jquery html ajax

我正在尝试完成一些 ajax 请求,以便在不刷新的情况下将文本区域插入数据库。这是我的代码:

HTML:

<textarea name='Status'> </textarea>
<input type='button' onclick='UpdateStatus()' value='Status Update'>

JS:

function UpdateStatus(Status)
    {
    var Status = $(this).val();

        $(function()
        {
            $.ajax({
                url: 'Ajax/StatusUpdate.php?Status='.Status, data: "", dataType: 'json'
            });

        });
    }

我的问题:

1) 如何将文本区域的内容发送到 onclick 函数中?

2) 我如何转义/urlencode 等。所以它保留换行符

最佳答案

<textarea name='Status'> </textarea>
<input type='button' value='Status Update'>

您的代码几乎没有问题,例如使用 . 进行串联

试试这个-

$(function () {
    $('input').on('click', function () {
        var Status = $(this).val();
        $.ajax({
            url: 'Ajax/StatusUpdate.php',
            data: {
                text: $("textarea[name=Status]").val(),
                Status: Status
            },
            dataType : 'json'
        });
    });
});

关于javascript - OnClick 发送到 Ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16754246/

相关文章:

javascript - 当我在 vanilla js 中选择 <select> 选项时如何更改 <a> href

javascript - 快速编写需要 babel 的 JavaScript 并运行它的方法?

javascript - 从 React 到 PHP 文件的 Ajax 调用

javascript - 如何从 1 个 JS 文件访问 2 个不同的 HTML 文件?

html - 对于 HTML 和 CSS,如果使用表格设计产品信息表的样式,为什么不也使用表格设计一行呢?

javascript 用正则表达式分割

javascript - 在 JavaScript 中为数组添加空格

javascript - javascript 是否可以引用创建它的脚本元素?

javascript - 如何从另一个页面更改 iframe src

javascript - 经过 jQuery 验证后,记录在数据库中被多次记录