Блог

Главная - Вопросы по программированию - Как отправить данные обработчику с помощью AJAX

Как отправить данные обработчику с помощью AJAX

#javascript #jquery #sql #ajax #vb.net

#javascript #jquery #sql #ajax #vb.net

Вопрос:

Здравствуйте, в настоящее время я использую обработчик для запуска хранимой процедуры

я хотел бы отправить ему данные, но у меня возникли проблемы

Я хотел бы убедиться, что код отправляет данные, чтобы SP мог использовать их в качестве параметров

ниже показано, как я пробовал раньше

    $.ajax({
            url: "CurvedJSON.ashx",
            type: "POST",
            data: "StoredProcedureamp;"   FirstName   


        });

Комментарии:

1. Вы имели в виду: отправить данные post в качестве параметра в CurvedJSON.ashx и получить возврат, извлеченные данные из CurvedJSON.ashx? Пожалуйста, предоставьте полную информацию о том, что вы действительно пытаетесь решить

2. Извиняюсь, Стэнли, я намерен опубликовать это, функция pages — это форма запроса предложения для продукта, я намерен, чтобы пользователь заполнил форму и запрос. По щелчку я хотел бы отправить данные, собранные в форме, в мою таблицу SQL через обработчик, параметры для хранимой процедуры будут поступать из формы данных .. Мне ничего не нужно возвращать, только данные, введенные в базу данных

3. Можете ли вы поделиться ссылкой на пример того, что вы имеете в виду? Потому что мне так трудно это понять.

4. Например: <form>[your name]---[email address]---[phone Number]------(Submit)</form> …. Теперь, когда пользователь заполняет форму и нажимает на кнопку отправки, вы хотите, чтобы введенные в форму данные были инициализированы и отправлены в ‘CurvedJSON.ashx’, верно?

5. да, извините, вы все правильно поняли

Ответ №1:

Вот простой способ сделать это. Просто поиграйте с приведенным ниже кодом!

HTML

     <form  id="form1" method="get" action="/CurvedJSON.ashx">
            <label>Name of Organization</label>
            <input type="text" name="OrgName" id="OrgName" class="textfield">
            <label>Address of Organization</label>
            <input type="text" name="OrgAddress" id="OrgAddress" class="textfield">
            <input type="submit" value="Register Organization">
        </form>
        <div id="response">Submit status will appear here.</div>
    
    <script>
    $document.ready(function(){
        $("#form1").submit(function(event){
           //When send the form, the code below prevents the page from redirecting the users
            event.preventDefault();
            event.stopPropagation();
            //Send the form to the server
            $.ajax({
                    url:'/CurvedJSON.ashx',
                    type:'POST',
            //get the data from the form and serialize it to JSON
                    data:$(this).serialize(),
                    success:function(result){
            // if form is sent, send a feedback response like Done or successfully sent
                        $("#response").text("Successfully sent to the database");
    
                    },
                    error: function(){
                  //IF error occurred 
                        $("#response").text("Failed sending data");
                  }
                    
            });
        });
    });
    </script>

Надеюсь, это поможет решить вашу проблему?

Комментарии:

1. Вы, сэр, потрясающие, могу ли я вас как-нибудь отблагодарить?

2. Да: просто установите правильную галочку в ответе и оцените ответ 1 голосом вверх, чтобы он был полезен другим в будущем!