Passing multiple parameters in ajax is giving me error
<p>I want to pass multiple parameters to my <code>ajax</code> code. Which is <code>3</code> parameters. So, I added like below </p>

<pre><code>$(document).ready(function () {
        SearchText();
    });
    function SearchText() {
        $("#txt712").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "FrmAgreementMaster.aspx/GetAutoCompleteData",
                    //data: "{'username':'" + extractLast(request.term) + "'}",
                    data: JSON.stringify("{'username':'" + extractLast(request.term) + "'}", "{'taluka':'" + document.getElementById('ddlTaluka').value + "'}", "{'village':'" + document.getElementById('ddlVillage').value + "'}"),
                    dataType: "json",
                    success: function (data) {
                        response(data.d);
                    },
                    error: function (result) {
                        alert("Error");
                    }
                });
            },
            focus: function () {
                return false;
            },
            select: function (event, ui) {
                var terms = split(this.value);
                terms.pop();
                terms.push(ui.item.value);
                terms.push("");
                this.value = terms.join(", ");
                return false;
            }
        });
        $("#txt712").bind("keydown", function (event) {
            if (event.keyCode === $.ui.keyCode.TAB &amp;&amp;
                $(this).data("autocomplete").menu.active) {
                event.preventDefault();
            }
        })
        function split(val) {
            return val.split(/,\s*/);
        }
        function extractLast(term) {
            return split(term).pop();
        }
    }
</code></pre>

<p>By taking reference from <a href="https://stackoverflow.com/questions/1916309/pass-multiple-parameters-to-jquery-ajax-call">HERE</a> of <code>Darin's</code> code.</p>

<p>But it is taking me to <code>ERROR</code> part while calling the function. How do I pass multiple parameters to use it.</p>

<p><strong>update</strong></p>

<p>Also, I took the ajax reference from <a href="http://www.aspdotnet-suresh.com/2012/07/jquery-autocomplete-textbox-with.html" rel="nofollow noreferrer">here</a></p>

<p>Response code:-</p>

<pre><code>[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
[WebMethod]
public static List&lt;string&gt; GetAutoCompleteData(string username, string taluka, string village)
{
    List&lt;string&gt; result = new List&lt;string&gt;();
    using (OracleConnection ObjPriCon = new OracleConnection(System.Configuration.ConfigurationManager.ConnectionStrings["OracleConn"].ToString()))
    {

        using (OracleCommand cmd = new OracleCommand("select distinct survey_area_7_12 FROM xxcus.xxacl_pn_farming_mst WHERE survey_area_7_12  " +
                                                     "LIKE '%' || :searchtext || '%' and taluka = '" + taluka + "' and village = '" + village + "'", ObjPriCon))
        {
            ObjPriCon.Open();
            cmd.Parameters.AddWithValue(":searchtext", username.ToLower());
            OracleDataReader dr = cmd.ExecuteReader();
            if (dr.HasRows)
            {
                while (dr.Read())
                {
                    result.Add(dr["survey_area_7_12"].ToString());
                }
            }
            return result;
        }
    }
}
</code></pre>