Кнопка очистки веб-API - PullRequest
Новая
       4

Кнопка очистки веб-API

0 голосов
/ 23 февраля 2020

Пытаюсь заставить понятную кнопку работать для моего простого калькулятора. Следует очистить три текстовых поля: первое число (fn), второе число (sn) и итог (tn). Я использую веб-API для этого - все работает, кроме кнопки очистки. Я не уверен в том, как правильно написать функцию «Очистить» - мы будем благодарны за любые рекомендации. Я думаю, что я иду в неправильном направлении с функцией контроллера. Ниже я перечислил мой HTML, затем мой контроллер, а затем мою модель только для функции очистки.

HTML:

'' '

    function clr() {
    // clear function goes here
         $.ajax({
            url: "/api/calc/clr/" + fn.value + "/" + sn.value,
            cache: false,
            success: function (html) {
                tn.value = html
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.status);
                alert(thrownError);
            }
        });
     }


</script>


<input type="reset" value="Clear Results" onclick="clr();" />

Код контроллера: 

    [Route("api/calc/clr/{paramOne}/{paramTwo}")]

    public IHttpActionResult Delete(float paramOne, float paramTwo)
    {
        return oCalc.Clr(paramOne, paramTwo);

    }

Код модели: 

       public float Clr (float fn, float sn)
       {
        return ();

       }

'' '

1 Ответ

0 голосов
/ 26 февраля 2020

Вам не нужно вызывать API для какой-либо обработки на стороне клиента. Вы можете очистить значения, используя следующий код 

<input type="text" id="n1" value="10" />
<input type="text" id="n2" value="20" />

<input type="button" onclick="clr()" />

JavaScript код 

<script>
    function clr() {
        // clear function goes here
        $("#n1,#n2").val("");
    }
</script>
...