自动从文本框发送inputdata

时间:2016-03-26 21:41:39

标签: jquery html css json

目标:
每次在文本框中创建输入数据(名为txtInputData)时,都会自动将数据发送到服务器,并将输入数据与数据库表进行比较。
最后,如果txtInputData的数据与数据库相同,则检索true或false。

问题:
我不知道如何使文本框在每次输入数据时自动使用json将数据发送到服务器。

我不知道从哪里开始?听起来比我想象的要复杂得多。

的信息:
*强烈建议Jquery与Json合作。

2 个答案:

答案 0 :(得分:0)

假设你有类似的东西:

<input type="text" id="txtInputData"/>

你可以这样做:

$('#txtInputData').keyup(function(e){
    $.ajax({
        url:'/whatever',
        data: { text: this.value },
        success: function(data) {
            // if you need to do anything on return from server
        }
    });
});

onchange事件通常仅在您离开文本字段时触发,但使用该键盘,您可以在每次击键时发送数据。

答案 1 :(得分:0)

这只是一个基本的起点。您正在谈论客户端和服务器端的几个代码块。我会在[input type =“text”id =“txtInpData”onkeydown =“(chk_txtinp)”/&gt;中插入一个JS调用函数。此函数将读取每次击键时文本框中的字符串,并调用ajax / jason函数将其与任务代码一起发布到服务器。

这告诉服务器如何处理此传入文本。如果使用加密,则取决于您。完成所有这些操作将需要使用代码页和实时反馈来进行错误检查。

比较2个字符串的平等声音就像容易的部分。您的比较应该将'true'或'false'返回到预设为null char(“”)的变量,以便下一个代码线程知道明确的决定。