• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 845
  • Last Modified:

jquery autocomplete with ajax and special characters

I'm trying to use the auto complete with a textbox. When I type characters like ', it gives an error about invalid object passed. How can I resolve this??

    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%=txtQuestion.ClientID %>").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '<%=ResolveUrl("~/AutoComping.asmx/GetQuestions") %>',
                    data: "{ 'prefix': '" + request.term + "'}",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item.split('-')[0],
                                val: item.split('-')[1]
                            }
                        }))
                    },
                    error: function (response) {
                        alert(response.responseText);
                    },
                    failure: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            select: function (e, i) {
             

            },
           
        });
    });
</script>
0
NickMalloy
Asked:
NickMalloy
1 Solution
 
leakim971PluritechnicianCommented:
replace : data: "{ 'prefix': '" + request.term + "'}",
by : data: "{ \"prefix\": \"" + request.term.replace(/"/g,"\\\"") + "\"}",
0

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Tackle projects and never again get stuck behind a technical roadblock.
Join Now